.tooltip{--tooltip-padding-x: var(--space-unit-3);--tooltip-padding-y: var(--space-unit-1_5);--tooltip-radius: var(--radius-badge-default, var(--radius-md));--tooltip-font-size: var(--font-size-body-s, 12px);--tooltip-font-weight: var(--font-weight-medium, 500);--tooltip-line-height: 1.2;--tooltip-offset: var(--space-unit-3);position:fixed;z-index:var(--z-tooltip, 800);font-family:var(--font-family-body);font-size:var(--tooltip-font-size);font-weight:var(--tooltip-font-weight);line-height:var(--tooltip-line-height);padding:var(--tooltip-padding-y) var(--tooltip-padding-x);border-radius:var(--tooltip-radius);white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity var(--motion-tooltip-show-duration, 0.2s) var(--motion-tooltip-show-easing, ease-out),visibility var(--motion-tooltip-show-duration, 0.2s),transform var(--motion-tooltip-show-duration, 0.2s) var(--motion-tooltip-show-easing, ease-out);border:0;background:var(--glass-bg, rgba(255,255,255,0.72));backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);box-shadow:var(--elev-1-micro);background-clip:padding-box;-webkit-background-clip:padding-box;background:var(--tooltip-bg);color:var(--tooltip-fg)}.tooltip::after{content:"";position:absolute;width:0;height:0;border:6px solid transparent}.tooltip.tooltip--visible{opacity:1;visibility:visible;transform:translateY(0)}.tooltip--primary{--tooltip-bg: linear-gradient(
    92.62deg,
    var(--color-paper) -2.03%,
    var(--primary-50) 50.64%,
    var(--color-paper) 101.32%
  );--tooltip-fg: var(--primary-900);--tooltip-elev: var(--elev-1-primary);--tooltip-arrow-color: var(--color-paper);background:var(--tooltip-bg);color:var(--tooltip-fg);box-shadow:var(--tooltip-elev)}@supports (-webkit-mask: none) or (mask-composite: exclude){.tooltip--primary::before{content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;background:var(--tooltip-bg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none;z-index:1}}.tooltip--success{--tooltip-bg: linear-gradient(84.2deg, var(--color-paper) 0%, var(--success-200) 133.49%);--tooltip-fg: var(--success-700);--tooltip-elev: var(--elev-1-approve);--tooltip-arrow-color: var(--success-100);background:var(--tooltip-bg);color:var(--tooltip-fg);box-shadow:var(--tooltip-elev)}@supports (-webkit-mask: none) or (mask-composite: exclude){.tooltip--success::before{content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;background:linear-gradient(276.46deg, var(--color-paper) 9.95%, var(--success-200) 52.2%, var(--success-50) 106.67%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none;z-index:1}}.tooltip--danger{--tooltip-bg: linear-gradient(84.87deg, var(--color-paper) 1.18%, var(--danger-100) 98.97%);--tooltip-fg: var(--danger-800);--tooltip-elev: var(--elev-1-cancel);--tooltip-arrow-color: var(--danger-50);background:var(--tooltip-bg);color:var(--tooltip-fg);box-shadow:var(--tooltip-elev)}@supports (-webkit-mask: none) or (mask-composite: exclude){.tooltip--danger::before{content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;background:linear-gradient(83.72deg, var(--color-paper) 0%, var(--danger-100) 59.74%, var(--color-paper) 98.97%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none;z-index:1}}.tooltip--warning{--tooltip-bg: var(--warning-500);--tooltip-fg: var(--color-paper);--tooltip-elev: var(--elev-1-warning);--tooltip-arrow-color: var(--warning-400);background:var(--tooltip-bg);color:var(--tooltip-fg);box-shadow:var(--tooltip-elev)}@supports (-webkit-mask: none) or (mask-composite: exclude){.tooltip--warning::before{content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;background:linear-gradient(92.62deg, var(--color-paper) -2.03%, var(--warning-50) 50.64%, var(--color-paper) 101.32%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none;z-index:1}}.tooltip--top::after{top:100%;left:50%;transform:translateX(-50%);border-top-color:var(--tooltip-arrow-color, rgba(255,255,255,0.8));border-bottom:none}.tooltip--bottom::after{bottom:100%;left:50%;transform:translateX(-50%);border-bottom-color:var(--tooltip-arrow-color, rgba(255,255,255,0.8));border-top:none}.tooltip--left::after{top:50%;left:100%;transform:translateY(-50%);border-left-color:var(--tooltip-arrow-color, rgba(255,255,255,0.8));border-right:none}.tooltip--right::after{top:50%;right:100%;transform:translateY(-50%);border-right-color:var(--tooltip-arrow-color, rgba(255,255,255,0.8));border-left:none}