.klyp-tooltip{z-index:var(--klyp-app-ui-kit-z-overlay);max-width:280px;padding:var(--klyp-app-ui-kit-space-8) var(--klyp-app-ui-kit-space-12);border:var(--klyp-app-ui-kit-bw-default) solid var(--klyp-app-ui-kit-color-border-default);pointer-events:none;border-radius:var(--klyp-app-ui-kit-r-chip);background:var(--klyp-app-ui-kit-color-bg-surface-solid);box-shadow:var(--klyp-app-ui-kit-shadow-soft);font:var(--klyp-app-ui-kit-type-label);font-weight:var(--klyp-app-ui-kit-font-weight-medium);color:var(--klyp-app-ui-kit-color-fg-primary);position:relative}.klyp-tooltip[data-entering]{animation:klyp-tooltip-in var(--klyp-app-ui-kit-duration-fast) var(--klyp-app-ui-kit-easing-standard) backwards}.klyp-tooltip[data-exiting]{animation:klyp-tooltip-out var(--klyp-app-ui-kit-duration-fast) var(--klyp-app-ui-kit-easing-standard) forwards}.klyp-tooltip[data-placement=top]{--enter-from:translate(0, var(--klyp-app-ui-kit-space-4))}.klyp-tooltip[data-placement=bottom]{--enter-from:translate(0, calc(var(--klyp-app-ui-kit-space-4) * -1))}.klyp-tooltip[data-placement=left]{--enter-from:translate(var(--klyp-app-ui-kit-space-4), 0)}.klyp-tooltip[data-placement=right]{--enter-from:translate(calc(var(--klyp-app-ui-kit-space-4) * -1), 0)}.klyp-tooltip[data-shape=pill]{border-radius:var(--klyp-app-ui-kit-radius-full);padding:var(--klyp-app-ui-kit-space-6) var(--klyp-app-ui-kit-space-14)}.klyp-tooltip[data-tone=danger]{background:var(--klyp-app-ui-kit-color-badge-red-bg);color:var(--klyp-app-ui-kit-color-badge-red-fg);border-color:#0000}.klyp-tooltip[data-tone=danger] .klyp-tooltip__arrow-fill{fill:var(--klyp-app-ui-kit-color-badge-red-bg)}.klyp-tooltip[data-tone=danger] .klyp-tooltip__arrow-stroke{stroke:#0000}.klyp-tooltip[data-tone=warning]{background:var(--klyp-app-ui-kit-color-badge-amber-bg);color:var(--klyp-app-ui-kit-color-badge-amber-fg);border-color:#0000}.klyp-tooltip[data-tone=warning] .klyp-tooltip__arrow-fill{fill:var(--klyp-app-ui-kit-color-badge-amber-bg)}.klyp-tooltip[data-tone=warning] .klyp-tooltip__arrow-stroke{stroke:#0000}.klyp-tooltip[data-tone=success]{background:var(--klyp-app-ui-kit-color-badge-green-bg);color:var(--klyp-app-ui-kit-color-badge-green-fg);border-color:#0000}.klyp-tooltip[data-tone=success] .klyp-tooltip__arrow-fill{fill:var(--klyp-app-ui-kit-color-badge-green-bg)}.klyp-tooltip[data-tone=success] .klyp-tooltip__arrow-stroke{stroke:#0000}.klyp-tooltip[data-tone=info]{background:var(--klyp-app-ui-kit-color-badge-blue-bg);color:var(--klyp-app-ui-kit-color-badge-blue-fg);border-color:#0000}.klyp-tooltip[data-tone=info] .klyp-tooltip__arrow-fill{fill:var(--klyp-app-ui-kit-color-badge-blue-bg)}.klyp-tooltip[data-tone=info] .klyp-tooltip__arrow-stroke{stroke:#0000}.klyp-tooltip__icon{vertical-align:middle;margin-right:var(--klyp-app-ui-kit-space-4);width:var(--klyp-app-ui-kit-icon-size-sm);height:var(--klyp-app-ui-kit-icon-size-sm);align-items:center;display:inline-flex}.klyp-tooltip__icon .klyp-icon{width:100%;height:100%}.klyp-tooltip__arrow{width:var(--klyp-app-ui-kit-space-10);height:var(--klyp-app-ui-kit-space-10);position:absolute}.klyp-tooltip__arrow .klyp-icon{display:block;overflow:visible}.klyp-tooltip__arrow-fill{fill:var(--klyp-app-ui-kit-color-bg-surface-solid);stroke:none}.klyp-tooltip__arrow-stroke{fill:none;stroke:var(--klyp-app-ui-kit-color-border-default);stroke-width:var(--klyp-app-ui-kit-bw-default);stroke-linejoin:round}.klyp-tooltip__arrow[data-placement=top] .klyp-icon{transform:rotate(0)}.klyp-tooltip__arrow[data-placement=bottom] .klyp-icon{transform:rotate(180deg)}.klyp-tooltip__arrow[data-placement=left] .klyp-icon{transform:rotate(-90deg)}.klyp-tooltip__arrow[data-placement=right] .klyp-icon{transform:rotate(90deg)}@media (prefers-reduced-motion:reduce){.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(--klyp-app-ui-kit-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(--klyp-app-ui-kit-space-4)))}}