.klyp-Tooltip{z-index:var(--z-overlay);max-width:280px;padding:var(--space-6) var(--space-12);border:var(--bw-default) solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-surface-solid);box-shadow:var(--shadow-soft);font-family:var(--font-sans);font-size:var(--font-size-12);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);color:var(--color-fg-primary);transform-origin:var(--origin,center);transition:opacity var(--duration-fast) var(--easing-standard), transform var(--duration-fast) var(--easing-standard);position:relative}.klyp-Tooltip[data-entering]{opacity:0;animation:klyp-tooltip-in var(--duration-fast) var(--easing-standard) forwards;transform:scale(.96)}.klyp-Tooltip[data-exiting]{opacity:1;animation:klyp-tooltip-out var(--duration-fast) var(--easing-standard) forwards}.klyp-Tooltip[data-placement=top]{--origin:bottom center}.klyp-Tooltip[data-placement=bottom]{--origin:top center}.klyp-Tooltip[data-placement=left]{--origin:right center}.klyp-Tooltip[data-placement=right]{--origin:left center}.klyp-Tooltip__arrow{width:var(--space-10);height:var(--space-10);position:absolute}.klyp-Tooltip__arrow svg{fill:var(--color-bg-surface-solid);stroke:var(--color-border-default);stroke-width:var(--bw-default);display:block}.klyp-Tooltip__arrow[data-placement=top] svg{transform:rotate(0)}.klyp-Tooltip__arrow[data-placement=bottom] svg{transform:rotate(180deg)}.klyp-Tooltip__arrow[data-placement=left] svg{transform:rotate(-90deg)}.klyp-Tooltip__arrow[data-placement=right] svg{transform:rotate(90deg)}@keyframes klyp-tooltip-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes klyp-tooltip-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}