.tooltip{background:var(--color-surface-inverse);color:var(--color-text-inverse);padding:var(--space-compact-padding-y) var(--space-compact-padding-x);font-family:var(--font-family-base);font-size:var(--font-size-caption);font-weight:var(--tooltip-font-weight);line-height:var(--line-height-caption);border-radius:var(--tooltip-border-radius);box-shadow:var(--shadow-toast);max-width:var(--tooltip-max-width);z-index:var(--z-tooltip);animation:tooltip-in var(--duration-interaction) var(--easing-default);will-change:transform, opacity}.tooltip[data-state=closed]{animation:tooltip-out var(--duration-interaction) var(--easing-default)}.tooltip[data-side=top]{transform-origin:bottom}.tooltip[data-side=bottom]{transform-origin:top}.tooltip[data-side=left]{transform-origin:100%}.tooltip[data-side=right]{transform-origin:0}@keyframes tooltip-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes tooltip-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.tooltip__arrow{fill:var(--color-surface-inverse);width:var(--tooltip-arrow-size);height:calc(var(--tooltip-arrow-size) * .5)}@media (prefers-reduced-motion:reduce){.tooltip,.tooltip[data-state=closed]{animation:none}}