@layer bk.components{.tooltip{font-family:var(--font-mono);font-size:var(--bk-type-caption-size);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);background:var(--surface-elevated);color:var(--text);border:1px solid var(--border-bright);box-shadow:var(--shadow-floating);white-space:nowrap;animation:tooltip-enter var(--motion-medium-duration) var(--motion-enter-easing);font-weight:600;position:relative}.tooltip[data-ending-style]{animation:tooltip-exit var(--motion-fast-duration) var(--motion-exit-easing) forwards}.tooltip[data-side=top]{--tooltip-slide-x:0;--tooltip-slide-y:var(--space-sm)}.tooltip[data-side=bottom]{--tooltip-slide-x:0;--tooltip-slide-y:calc(var(--space-sm) * -1)}.tooltip[data-side=left]{--tooltip-slide-x:var(--space-sm);--tooltip-slide-y:0}.tooltip[data-side=right]{--tooltip-slide-x:calc(var(--space-sm) * -1);--tooltip-slide-y:0}.tooltip__positioner{z-index:var(--bk-layer-tooltip)}.tooltip__arrow{background:0 0;block-size:7px;inline-size:14px;overflow:clip}.tooltip__arrow:before{content:"";box-sizing:border-box;background:var(--surface-elevated);border:1px solid var(--border-bright);block-size:9.8995px;inline-size:9.8995px;position:absolute;inset-block-end:0;inset-inline-start:50%;transform:translate(-50%,50%)rotate(45deg)}.tooltip__arrow[data-side=top]{inset-block-end:-7px;rotate:180deg}.tooltip__arrow[data-side=bottom]{inset-block-start:-7px}.tooltip[data-priority=none]>.tooltip__arrow:is([data-side=top],[data-side=bottom]){margin-inline-start:-1px}.tooltip__arrow[data-side=left]{margin-block-start:-1px;inset-inline-end:-10.5px;rotate:90deg}.tooltip__arrow[data-side=right]{margin-block-start:-1px;inset-inline-start:-10.5px;rotate:-90deg}@keyframes tooltip-enter{0%{opacity:0;transform:translate(var(--tooltip-slide-x), var(--tooltip-slide-y))}}@keyframes tooltip-exit{to{opacity:0;transform:translate(var(--tooltip-slide-x), var(--tooltip-slide-y))}}@keyframes tooltip-fade-enter{0%{opacity:0}}@keyframes tooltip-fade-exit{to{opacity:0}}@media (prefers-reduced-motion:reduce){:where(:root:not([data-prefers-reduced-motion=no-preference])) .tooltip{animation-name:tooltip-fade-enter}:where(:root:not([data-prefers-reduced-motion=no-preference])) .tooltip[data-ending-style]{animation-name:tooltip-fade-exit}}:where(:root[data-prefers-reduced-motion=reduce]) .tooltip{animation-name:tooltip-fade-enter}:where(:root[data-prefers-reduced-motion=reduce]) .tooltip[data-ending-style]{animation-name:tooltip-fade-exit}.tooltip--rich{max-width:20em;padding:var(--space-sm) var(--space-md);font-family:var(--font-body);font-size:var(--global-typography-ui-label-font-size);letter-spacing:normal;text-transform:none;white-space:normal;font-weight:400;line-height:1.4}.tooltip[data-priority=alarm]{border-inline-start:3px solid var(--alert-alarm-color)}.tooltip[data-priority=warning]{border-inline-start:3px solid var(--alert-warning-color)}.tooltip[data-priority=caution]{border-inline-start:3px solid var(--alert-caution-color)}.tooltip__title{margin-bottom:var(--space-xs);font-family:var(--font-mono);font-size:.8em;font-weight:600;display:block}.tooltip__shortcut{padding:0 var(--space-xs);border:1px solid var(--border-bright);border-radius:var(--radius-sm);background:var(--surface2);color:var(--text-dim);font-family:var(--font-mono);white-space:nowrap;margin-inline-start:var(--space-sm)}.term{font:inherit;color:inherit;text-underline-offset:.2em;cursor:help;background:0 0;border:none;padding:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.reading-detail__trigger{cursor:pointer}.reading-detail__age{font-family:var(--font-mono);color:var(--text-dim);font-size:.9em}.reading-detail__integrity{margin-top:var(--space-xs);display:block}.truncated-text{max-width:100%;font:inherit;color:inherit;text-align:start;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;padding:0;display:inline-block;overflow:hidden}.data-tip__dot{pointer-events:none;width:1px;height:1px;position:absolute;top:0;left:0}}
