.bb-root.bb-passage-tools{position:fixed;inset:0;z-index:60;height:auto;overflow:visible;background:transparent;pointer-events:none}.bb-root.bb-passage-tools>*{pointer-events:auto}.bb-highlight-note{width:min(320px,calc(100vw - 32px));padding:8px;border:1px solid var(--bb-rule);border-radius:14px;background:var(--bb-sheet);box-shadow:inset 4px 0 0 var(--bb-note-color),var(--bb-shadow-lg)}.bb-highlight-note.is-out-of-view{visibility:hidden}.bb-highlight-note .bb-note-card__note{margin-left:4px}.bb-passage-hint{display:none;font:var(--lesson-label);color:var(--lx-ink-soft,#4b5563);white-space:nowrap}.bb-passage-hint[data-shown]{display:inline;animation:bb-fade-in .2s ease both}:where(.bb-passage-button){display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--lx-ink-soft,#4b5563);font:var(--lesson-label);font-weight:500;cursor:pointer;transition:background-color .15s,border-color .15s}:where(.bb-passage-button):hover{border-color:var(--bb-rule-strong,#c9cdd4);background:var(--bb-chrome,#f1f2f4)}:where(.bb-passage-button) svg{width:18px;height:18px}.bb-passage-button[data-highlighting],.bb-passage-button[data-highlighting]:hover{border-color:var(--bb-mode-line);background:var(--bb-mode-fill);color:var(--lx-ink,#1f2328)}.bb-passage-button[data-highlighting] svg{color:var(--bb-mode-line);fill:color-mix(in srgb,var(--bb-mode-line) 30%,transparent);stroke-width:2.4}