.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-subtle);border-radius:var(--radius-sm);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);transition:opacity var(--duration-fast) var(--easing-standard), transform var(--duration-fast) var(--easing-standard);position:relative}.klyp-Tooltip[data-entering]{will-change:transform, opacity;animation:klyp-tooltip-in var(--duration-fast) var(--easing-standard) both}.klyp-Tooltip[data-exiting]{will-change:transform, opacity;animation:klyp-tooltip-out var(--duration-fast) var(--easing-standard) both}.klyp-Tooltip[data-placement=top]{--enter-from:translate(0, var(--space-4))}.klyp-Tooltip[data-placement=bottom]{--enter-from:translate(0, calc(var(--space-4) * -1))}.klyp-Tooltip[data-placement=left]{--enter-from:translate(var(--space-4), 0)}.klyp-Tooltip[data-placement=right]{--enter-from:translate(calc(var(--space-4) * -1), 0)}.klyp-Tooltip[data-shape=pill]{border-radius:var(--radius-full);padding:var(--space-6) var(--space-14)}.klyp-Tooltip[data-tone=danger]{background:var(--color-badge-red-bg);color:var(--color-badge-red-fg);border-color:#0000}.klyp-Tooltip[data-tone=danger] .klyp-Tooltip__arrow-fill{fill:var(--color-badge-red-bg)}.klyp-Tooltip[data-tone=danger] .klyp-Tooltip__arrow-stroke{stroke:#0000}.klyp-Tooltip[data-tone=warning]{background:var(--color-badge-amber-bg);color:var(--color-badge-amber-fg);border-color:#0000}.klyp-Tooltip[data-tone=warning] .klyp-Tooltip__arrow-fill{fill:var(--color-badge-amber-bg)}.klyp-Tooltip[data-tone=warning] .klyp-Tooltip__arrow-stroke{stroke:#0000}.klyp-Tooltip[data-tone=success]{background:var(--color-badge-green-bg);color:var(--color-badge-green-fg);border-color:#0000}.klyp-Tooltip[data-tone=success] .klyp-Tooltip__arrow-fill{fill:var(--color-badge-green-bg)}.klyp-Tooltip[data-tone=success] .klyp-Tooltip__arrow-stroke{stroke:#0000}.klyp-Tooltip[data-tone=info]{background:var(--color-badge-blue-bg);color:var(--color-badge-blue-fg);border-color:#0000}.klyp-Tooltip[data-tone=info] .klyp-Tooltip__arrow-fill{fill:var(--color-badge-blue-bg)}.klyp-Tooltip[data-tone=info] .klyp-Tooltip__arrow-stroke{stroke:#0000}.klyp-Tooltip__icon{vertical-align:middle;margin-right:var(--space-4);width:var(--icon-size-sm);height:var(--icon-size-sm);align-items:center;display:inline-flex}.klyp-Tooltip__icon svg{width:100%;height:100%}.klyp-Tooltip__arrow{width:var(--space-10);height:var(--space-10);position:absolute}.klyp-Tooltip__arrow svg{display:block;overflow:visible}.klyp-Tooltip__arrow-fill{fill:var(--color-bg-surface-solid);stroke:none}.klyp-Tooltip__arrow-stroke{fill:none;stroke:var(--color-border-subtle);stroke-width:var(--bw-default);stroke-linejoin:round}.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)}@media (prefers-reduced-motion:reduce){.klyp-Tooltip{transition:none}.klyp-Tooltip[data-entering]{opacity:1;animation:none;transform:none}.klyp-Tooltip[data-exiting]{animation:none}}@keyframes klyp-tooltip-in{0%{opacity:0;transform:var(--enter-from,translate(0, var(--space-4)))}to{opacity:1;transform:translate(0)}}@keyframes klyp-tooltip-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:var(--enter-from,translate(0, var(--space-4)))}}