.tot-tip{--tot-tip-arrow:var(--space-2);position:absolute;z-index:3;top:calc(100% + var(--space-2));left:0;width:max-content;max-width:min(20rem,calc(100vw - var(--space-4)));padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-text-primary);color:var(--color-surface);box-shadow:var(--shadow-popover);font-family:var(--font-family-ui);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-ui);text-align:left;pointer-events:none}.tot-tip[hidden]{display:none}.tot-tip:before{content:"";position:absolute;left:var(--tot-tip-arrow-x,50%);width:var(--tot-tip-arrow);height:var(--tot-tip-arrow);background:inherit;transform:translateX(-50%) rotate(45deg)}.tot-tip:not([data-side]):before,.tot-tip[data-side=bottom]:before{top:calc(var(--tot-tip-arrow) / -2)}.tot-tip[data-side=top]:before{bottom:calc(var(--tot-tip-arrow) / -2)}