@layer design-system.components{.vds-tooltip-content{--tooltip-radius:var(--vds-radius-tooltip,.375rem);--tooltip-padding-inline:var(--vds-space-3,.75rem);--tooltip-padding-block:var(--vds-space-1-5,.375rem);--tooltip-max-width:18rem;--tooltip-surface:var(--vds-color-surface-inverse,#111827);--tooltip-color:var(--vds-color-text-inverse,#fff);--tooltip-shadow:var(--vds-shadow-md,0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a);--tooltip-border-color:transparent;--tooltip-font-family:var(--vds-font-sans,ui-sans-serif, system-ui, sans-serif);--tooltip-font-size:var(--vds-text-xs,.75rem);--tooltip-font-weight:var(--vds-font-weight-medium,500);--tooltip-line-height:var(--vds-leading-snug,1.375);--tooltip-arrow-size:8px;--tooltip-arrow-fill:var(--tooltip-surface);--tooltip-enter-duration:var(--vds-duration-fast,.1s);--tooltip-exit-duration:var(--vds-duration-fastest,50ms);--tooltip-enter-ease:var(--vds-ease-out,cubic-bezier(0, 0, .2, 1));--tooltip-exit-ease:var(--vds-ease-in,cubic-bezier(.4, 0, 1, 1));--tooltip-enter-translate:4px}.vds-tooltip-content[data-size=sm]{--tooltip-padding-inline:var(--vds-space-2,.5rem);--tooltip-padding-block:var(--vds-space-1,.25rem);--tooltip-font-size:var(--vds-text-2xs,.6875rem);--tooltip-arrow-size:6px}.vds-tooltip-content[data-size=lg]{--tooltip-padding-inline:var(--vds-space-4,1rem);--tooltip-padding-block:var(--vds-space-2,.5rem);--tooltip-font-size:var(--vds-text-sm,.875rem);--tooltip-arrow-size:10px}.vds-tooltip-content[data-variant=inverted]{--tooltip-surface:var(--vds-color-surface,#fff);--tooltip-color:var(--vds-color-text,#111827);--tooltip-border-color:var(--vds-color-border-muted,#e5e7eb);--tooltip-shadow:var(--vds-shadow-lg,0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a)}.vds-tooltip-content[data-variant=info]{--tooltip-surface:var(--vds-color-info-solid,#0ea5e9);--tooltip-color:var(--vds-color-on-info,#fff)}.vds-tooltip-content[data-variant=success]{--tooltip-surface:var(--vds-color-success-solid,#16a34a);--tooltip-color:var(--vds-color-on-success,#fff)}.vds-tooltip-content[data-variant=warning]{--tooltip-surface:var(--vds-color-warning-solid,#f59e0b);--tooltip-color:var(--vds-color-on-warning,#1f2937)}.vds-tooltip-content[data-variant=danger]{--tooltip-surface:var(--vds-color-danger-solid,#ef4444);--tooltip-color:var(--vds-color-on-danger,#fff)}}
@layer design-system.components{.vds-tooltip-content{z-index:var(--vds-z-tooltip,1800);max-inline-size:var(--tooltip-max-width);padding-inline:var(--tooltip-padding-inline);padding-block:var(--tooltip-padding-block);background-color:var(--tooltip-surface);color:var(--tooltip-color);border:1px solid var(--tooltip-border-color);border-radius:var(--tooltip-radius);box-shadow:var(--tooltip-shadow);font-family:var(--tooltip-font-family);font-size:var(--tooltip-font-size);font-weight:var(--tooltip-font-weight);line-height:var(--tooltip-line-height);text-wrap:pretty;-webkit-user-select:none;user-select:none;pointer-events:none;will-change:transform, opacity;animation:vds-tooltip-in var(--tooltip-enter-duration) var(--tooltip-enter-ease) forwards}.vds-tooltip-content[data-state=closed]{animation:vds-tooltip-out var(--tooltip-exit-duration) var(--tooltip-exit-ease) forwards}.vds-tooltip-content:focus-visible{outline:none}.vds-tooltip-content[data-side=top]{animation-name:vds-tooltip-in-from-bottom}.vds-tooltip-content[data-side=top][data-state=closed]{animation-name:vds-tooltip-out-to-bottom}.vds-tooltip-content[data-side=bottom]{animation-name:vds-tooltip-in-from-top}.vds-tooltip-content[data-side=bottom][data-state=closed]{animation-name:vds-tooltip-out-to-top}.vds-tooltip-content[data-side=left]{animation-name:vds-tooltip-in-from-inline-end}.vds-tooltip-content[data-side=left][data-state=closed]{animation-name:vds-tooltip-out-to-inline-end}.vds-tooltip-content[data-side=right]{animation-name:vds-tooltip-in-from-inline-start}.vds-tooltip-content[data-side=right][data-state=closed]{animation-name:vds-tooltip-out-to-inline-start}.vds-tooltip-arrow{fill:var(--tooltip-arrow-fill);inline-size:var(--tooltip-arrow-size);block-size:calc(var(--tooltip-arrow-size) / 2)}@media (prefers-reduced-motion:reduce){.vds-tooltip-content,.vds-tooltip-content[data-side]{animation-name:vds-tooltip-in;animation-duration:0s}.vds-tooltip-content[data-state=closed],.vds-tooltip-content[data-side][data-state=closed]{animation-name:vds-tooltip-out;animation-duration:0s}}@keyframes vds-tooltip-in{0%{opacity:0}to{opacity:1}}@keyframes vds-tooltip-out{0%{opacity:1}to{opacity:0}}@keyframes vds-tooltip-in-from-top{0%{opacity:0;transform:translateY(calc(var(--tooltip-enter-translate) * -1))}to{opacity:1;transform:translateY(0)}}@keyframes vds-tooltip-out-to-top{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(calc(var(--tooltip-enter-translate) * -1))}}@keyframes vds-tooltip-in-from-bottom{0%{opacity:0;transform:translateY(var(--tooltip-enter-translate))}to{opacity:1;transform:translateY(0)}}@keyframes vds-tooltip-out-to-bottom{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(var(--tooltip-enter-translate))}}.vds-tooltip-content{--tooltip-x-inline:calc(var(--tooltip-enter-translate) * -1)}:where([dir=rtl]) .vds-tooltip-content{--tooltip-x-inline:var(--tooltip-enter-translate)}@keyframes vds-tooltip-in-from-inline-start{0%{opacity:0;transform:translateX(var(--tooltip-x-inline))}to{opacity:1;transform:translate(0)}}@keyframes vds-tooltip-out-to-inline-start{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translateX(var(--tooltip-x-inline))}}@keyframes vds-tooltip-in-from-inline-end{0%{opacity:0;transform:translateX(calc(var(--tooltip-x-inline) * -1))}to{opacity:1;transform:translate(0)}}@keyframes vds-tooltip-out-to-inline-end{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translateX(calc(var(--tooltip-x-inline) * -1))}}}