@layer component{:where(.lc-tooltip-root.svelte-crp5m6){z-index:50;user-select:none;position:absolute;&.portaled{position:fixed}&.disablePointerEvents{pointer-events:none}}:where(.lc-tooltip-container.svelte-crp5m6){&:not([data-variant=none]){backdrop-filter:blur(2px);border-radius:.25rem;height:100%;padding:4px 8px;font-size:.875rem;line-height:1.25rem;box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}&[data-variant=default]{color:var(--color-surface-content,currentColor);background-color:color-mix(in oklab, light-dark(var(--color-surface-100,white),var(--color-surface-300,black)) 90%, transparent);& .label{color:color-mix(in oklab, var(--color-surface-content,currentColor) 75%, transparent)}}&[data-variant=invert]{color:var(--color-surface-100,light-dark(#fff,#000));background-color:color-mix(in oklab, var(--color-surface-content,currentColor) 90%, transparent);& .label{color:color-mix(in oklab, var(--color-surface-100,light-dark(#fff,#000)) 50%, transparent)}}}}