.tooltip{position:relative;display:inline-flex}.tooltip-trigger{display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;color:var(--color-muted-foreground);cursor:pointer;border-radius:var(--radius-full);transition:color .15s}.tooltip-trigger:hover{color:var(--color-foreground)}.tooltip-trigger:focus-visible{outline:2px solid var(--color-witchy);outline-offset:2px}.tooltip-bubble{--tooltip-max-width:240px;position:absolute;z-index:var(--z-popover);top:calc(100% + var(--space-2));left:0;width:max-content;max-width:var(--tooltip-max-width);padding:var(--space-3) var(--space-4);background:var(--color-bg-grey);color:var(--color-foreground);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);font-family:var(--font-roboto);font-size:var(--text-label-size);line-height:var(--text-label-leading);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s}.tooltip-bubble[data-open=true]{opacity:1;visibility:visible;pointer-events:auto}.tooltip-bubble[data-align=end]{left:auto;right:0}