:root{--word-color:color-mix(in oklch,var(--primary)24%,transparent);--sentence-color:color-mix(in oklch,var(--primary)13%,transparent);--hover-color:#fdca0033}.flowread-highlight-overlay{z-index:0;pointer-events:none;--word-x:0px;--word-y:0px;--word-width:0px;--word-height:0px;--word-visible:0;--sentence-x:0px;--sentence-y:0px;--sentence-width:0px;--sentence-height:0px;--sentence-visible:0;--scroll-x:0px;--scroll-y:0px;--scroll-area-offset-x:0px;--scroll-area-offset-y:0px;width:100%;height:100%;position:absolute;top:0;left:0}.word-highlight{background-color:var(--word-color);width:var(--word-width);height:var(--word-height);transform:translate(calc(var(--word-x) - var(--scroll-area-offset-x)),calc(var(--word-y) - var(--scroll-area-offset-y)));opacity:var(--word-visible);will-change:transform,opacity;border-radius:3px;transition:transform .14s cubic-bezier(.22,1,.36,1),opacity 75ms ease-out;position:absolute;top:0;left:0}.flowread-highlight-overlay[data-instant=true] .word-highlight{transition:opacity 75ms ease-out}@media (prefers-reduced-motion:reduce){.word-highlight{transition:opacity 75ms ease-out}}[data-transcript-focus=true] .sentence-highlight-box[data-active-lead=true]:before{content:"";background-color:var(--primary);opacity:.85;border-radius:2px;width:2px;position:absolute;top:2px;bottom:2px;left:-8px}.sentence-highlight{background-color:var(--sentence-color);width:var(--sentence-width);height:var(--sentence-height);transform:translate(calc(var(--sentence-x) - var(--scroll-x)),calc(var(--sentence-y) - var(--scroll-y)));opacity:var(--sentence-visible);will-change:transform,opacity;border-radius:4px;transition:opacity .15s ease-out;position:absolute;top:0;left:0}.sentence-highlight-box{background-color:var(--sentence-color);will-change:transform,opacity;pointer-events:none;border-radius:4px;transition:opacity .15s ease-out;position:absolute;top:0;left:0}.hover-highlight-box{background-color:var(--hover-color);will-change:transform,opacity;pointer-events:none;border-radius:4px;transition:opacity .1s ease-out;position:absolute;top:0;left:0}.audition-sentence-highlight-box{background-color:var(--sentence-color);will-change:transform,opacity;pointer-events:none;border-radius:4px;transition:opacity .15s ease-out;position:absolute;top:0;left:0}.audition-highlight-box{background-color:var(--word-color);will-change:transform;pointer-events:none;border-radius:3px;position:absolute;top:0;left:0}.knowledge-highlight-box{will-change:transform,opacity;pointer-events:none;opacity:1;border-radius:4px;transition:opacity .2s ease-out;position:absolute;top:0;left:0}.knowledge-highlight-box[data-hovered=true][data-color=yellow],.knowledge-highlight-box[data-hovered=true]:not([data-color]){outline-offset:-1px;background-color:#fde04780;outline:1px solid #fde047b3}.knowledge-highlight-box[data-hovered=true][data-color=green]{outline-offset:-1px;background-color:#86efac80;outline:1px solid #86efacb3}.knowledge-highlight-box[data-hovered=true][data-color=blue]{outline-offset:-1px;background-color:#93c5fd80;outline:1px solid #93c5fdb3}.knowledge-highlight-box[data-hovered=true][data-color=red]{outline-offset:-1px;background-color:#fca5a580;outline:1px solid #fca5a5b3}.knowledge-highlight-box[data-hovered=true][data-color=purple]{outline-offset:-1px;background-color:#d8b4fe80;outline:1px solid #d8b4feb3}.knowledge-highlight-box[data-hovered=true][data-color=orange]{outline-offset:-1px;background-color:#fdba7480;outline:1px solid #fdba74b3}.knowledge-highlight-box[data-selected=true][data-color=yellow],.knowledge-highlight-box[data-selected=true]:not([data-color]){outline-offset:-1px;background-color:#fde0478c;outline:2px solid #fde047d9}.knowledge-highlight-box[data-selected=true][data-color=green]{outline-offset:-1px;background-color:#86efac8c;outline:2px solid #86efacd9}.knowledge-highlight-box[data-selected=true][data-color=blue]{outline-offset:-1px;background-color:#93c5fd8c;outline:2px solid #93c5fdd9}.knowledge-highlight-box[data-selected=true][data-color=red]{outline-offset:-1px;background-color:#fca5a58c;outline:2px solid #fca5a5d9}.knowledge-highlight-box[data-selected=true][data-color=purple]{outline-offset:-1px;background-color:#d8b4fe8c;outline:2px solid #d8b4fed9}.knowledge-highlight-box[data-selected=true][data-color=orange]{outline-offset:-1px;background-color:#fdba748c;outline:2px solid #fdba74d9}.knowledge-highlight-box[data-shared=true]{opacity:.6}.knowledge-highlight-box[data-anchor-status=fuzzy]{box-sizing:border-box;border:1px dotted}.knowledge-highlight-box[data-color=yellow],.knowledge-highlight-box:not([data-color]){background-color:#fde04759}.knowledge-highlight-box[data-color=green]{background-color:#86efac59}.knowledge-highlight-box[data-color=blue]{background-color:#93c5fd59}.knowledge-highlight-box[data-color=red]{background-color:#fca5a559}.knowledge-highlight-box[data-color=purple]{background-color:#d8b4fe59}.knowledge-highlight-box[data-color=orange]{background-color:#fdba7459}@media (prefers-color-scheme:dark){:root{--word-color:color-mix(in oklch,var(--primary)46%,transparent);--sentence-color:color-mix(in oklch,var(--primary)24%,transparent);--hover-color:#fdca0040}.knowledge-highlight-box[data-color=yellow],.knowledge-highlight-box:not([data-color]){background-color:#fde04740}.knowledge-highlight-box[data-color=green]{background-color:#86efac40}.knowledge-highlight-box[data-color=blue]{background-color:#93c5fd4d}.knowledge-highlight-box[data-color=red]{background-color:#fca5a54d}.knowledge-highlight-box[data-color=purple]{background-color:#d8b4fe4d}.knowledge-highlight-box[data-color=orange]{background-color:#fdba744d}.knowledge-highlight-box[data-hovered=true][data-color=yellow],.knowledge-highlight-box[data-hovered=true]:not([data-color]){background-color:#fde04766;outline:1px solid #fde04799}.knowledge-highlight-box[data-hovered=true][data-color=green]{background-color:#86efac66;outline:1px solid #86efac99}.knowledge-highlight-box[data-hovered=true][data-color=blue]{background-color:#93c5fd73;outline:1px solid #93c5fda6}.knowledge-highlight-box[data-hovered=true][data-color=red]{background-color:#fca5a573;outline:1px solid #fca5a5a6}.knowledge-highlight-box[data-hovered=true][data-color=purple]{background-color:#d8b4fe73;outline:1px solid #d8b4fea6}.knowledge-highlight-box[data-hovered=true][data-color=orange]{background-color:#fdba7473;outline:1px solid #fdba74a6}.knowledge-highlight-box[data-selected=true][data-color=yellow],.knowledge-highlight-box[data-selected=true]:not([data-color]){background-color:#fde04773;outline:2px solid #fde047bf}.knowledge-highlight-box[data-selected=true][data-color=green]{background-color:#86efac73;outline:2px solid #86efacbf}.knowledge-highlight-box[data-selected=true][data-color=blue]{background-color:#93c5fd80;outline:2px solid #93c5fdcc}.knowledge-highlight-box[data-selected=true][data-color=red]{background-color:#fca5a580;outline:2px solid #fca5a5cc}.knowledge-highlight-box[data-selected=true][data-color=purple]{background-color:#d8b4fe80;outline:2px solid #d8b4fecc}.knowledge-highlight-box[data-selected=true][data-color=orange]{background-color:#fdba7480;outline:2px solid #fdba74cc}}.knowledge-drag-handle{pointer-events:auto;cursor:col-resize;touch-action:none;z-index:1;opacity:.9;border-radius:50%;width:20px;height:20px;transition:opacity .15s ease-out;position:absolute;top:0;left:0}.knowledge-drag-handle:hover{opacity:1;scale:1.2}.knowledge-drag-handle:active{cursor:col-resize}.knowledge-drag-handle[data-resizing=true]{opacity:0;pointer-events:none;transition:none}.knowledge-drag-handle:before{content:"";position:absolute;inset:-12px}.knowledge-drag-handle-start{transform-origin:0 100%;border-radius:50% 50% 50% 0}.knowledge-drag-handle-end{transform-origin:100% 100%;border-radius:50% 50% 0}.knowledge-drag-handle[data-color=yellow],.knowledge-drag-handle:not([data-color]){background-color:#fde047e6;box-shadow:0 1px 4px #0003}.knowledge-drag-handle[data-color=green]{background-color:#86eface6;box-shadow:0 1px 4px #0003}.knowledge-drag-handle[data-color=blue]{background-color:#93c5fde6;box-shadow:0 1px 4px #0003}.knowledge-drag-handle[data-color=red]{background-color:#fca5a5e6;box-shadow:0 1px 4px #0003}.knowledge-drag-handle[data-color=purple]{background-color:#d8b4fee6;box-shadow:0 1px 4px #0003}.knowledge-drag-handle[data-color=orange]{background-color:#fdba74e6;box-shadow:0 1px 4px #0003}@keyframes flowread-highlight-pulse{0%{box-shadow:0 0 #2d6a4f73}70%{box-shadow:0 0 0 12px #2d6a4f00}to{box-shadow:0 0 #2d6a4f00}}.flowread-highlight-box[data-pulse=true]{animation:1.6s ease-out flowread-highlight-pulse}@media (prefers-reduced-motion:reduce){.flowread-highlight-box[data-pulse=true]{animation:none}}@keyframes flowread-card-pulse{0%{box-shadow:0 0 #2d6a4f73}70%{box-shadow:0 0 0 8px #2d6a4f00}to{box-shadow:0 0 #2d6a4f00}}[data-card-pulse=true]{border-radius:.5rem;animation:1.6s ease-out flowread-card-pulse}@media (prefers-reduced-motion:reduce){[data-card-pulse=true]{animation:none}}
