.passage-highlighter{--next-highlight:var(--highlight-yellow);--next-highlight-line:var(--lightningcss-light,#a67c00)var(--lightningcss-dark,#ffd23f);min-width:0;display:flow-root;position:relative}.passage-highlighter[data-next-color=green]{--next-highlight:var(--highlight-green);--next-highlight-line:var(--lightningcss-light,#2d8a50)var(--lightningcss-dark,#6fd08c)}.passage-highlighter[data-next-color=blue]{--next-highlight:var(--highlight-blue);--next-highlight-line:var(--lightningcss-light,#2f68b8)var(--lightningcss-dark,#7cb8ff)}.passage-highlighter[data-next-color=pink]{--next-highlight:var(--highlight-pink);--next-highlight-line:var(--lightningcss-light,#b8406f)var(--lightningcss-dark,#ff8fc0)}.passage-highlighter>:not(.passage-highlighter-tools,.passage-highlight-bar){-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.passage-highlighter-tools{float:right;z-index:1;margin:0 0 6px 14px;position:relative}.passage-highlighter-toggle{border:1px solid var(--line);background:var(--paper);height:32px;color:var(--ink);letter-spacing:0;white-space:nowrap;cursor:pointer;transition:background-color var(--motion-press,.12s) var(--ease-travel,ease-out), border-color var(--motion-press,.12s) var(--ease-travel,ease-out);border-radius:999px;align-items:center;gap:6px;padding:0 4px 0 10px;font:500 14px/1 DM Sans,DM Sans Fallback,sans-serif;display:inline-flex}.passage-highlighter-toggle svg{color:var(--muted);flex:none}.passage-highlighter-toggle:hover{background:var(--surface)}.passage-highlighter-toggle:focus-visible{outline:2px solid var(--action);outline-offset:2px}.passage-highlighter-toggle-state{background:var(--surface);min-width:34px;color:var(--muted);text-align:center;border-radius:999px;padding:5px 8px;font-size:13px;font-weight:600}.passage-highlighter-toggle[aria-pressed=true],.passage-highlighter-toggle[aria-pressed=true]:hover{border-color:var(--next-highlight-line);background:linear-gradient(var(--next-highlight), var(--next-highlight)), linear-gradient(var(--next-highlight), var(--next-highlight)), var(--paper);box-shadow:inset 0 0 0 1px var(--next-highlight-line)}.passage-highlighter-toggle[aria-pressed=true] svg{color:var(--ink)}.passage-highlighter-toggle[aria-pressed=true] .passage-highlighter-toggle-state{background:var(--ink);color:var(--paper)}.passage-highlighter-hint{width:0;min-width:100%;color:var(--muted);text-align:right;font:500 13px/1.35 DM Sans,DM Sans Fallback,sans-serif;display:block}.passage-highlighter-hint:not(:empty){margin-top:5px}@media (max-width:480px){.passage-highlighter-tools{float:none;flex-direction:row-reverse;align-items:center;gap:10px;margin:0 0 8px;display:flex}.passage-highlighter-hint{flex:1;width:auto;min-width:0}.passage-highlighter-hint:not(:empty){margin-top:0}}.passage-highlight{--passage-highlight:var(--highlight-yellow);background:var(--passage-highlight);color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:2px}.passage-highlighter.is-highlighting>:not(.passage-highlighter-tools,.passage-highlight-bar){cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23fff' stroke-width='3.4' stroke-linejoin='round'%3E%3Cpath d='M14 4 22 12 16 18 8 10Z'/%3E%3Cpath d='M9 11 3 17v3h9l3-3Z'/%3E%3C/g%3E%3Cg stroke='%23253a43' stroke-width='1.4' stroke-linejoin='round'%3E%3Cpath d='M14 4 22 12 16 18 8 10Z' fill='%23e0b000'/%3E%3Cpath d='M9 11 3 17v3h9l3-3Z' fill='%23fff1b8'/%3E%3C/g%3E%3C/svg%3E") 4 23,text}.passage-highlighter.is-highlighting[data-next-color=green]>:not(.passage-highlighter-tools,.passage-highlight-bar){cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23fff' stroke-width='3.4' stroke-linejoin='round'%3E%3Cpath d='M14 4 22 12 16 18 8 10Z'/%3E%3Cpath d='M9 11 3 17v3h9l3-3Z'/%3E%3C/g%3E%3Cg stroke='%23253a43' stroke-width='1.4' stroke-linejoin='round'%3E%3Cpath d='M14 4 22 12 16 18 8 10Z' fill='%232d9a56'/%3E%3Cpath d='M9 11 3 17v3h9l3-3Z' fill='%23d3f2de'/%3E%3C/g%3E%3C/svg%3E") 4 23,text}.passage-highlighter.is-highlighting[data-next-color=blue]>:not(.passage-highlighter-tools,.passage-highlight-bar){cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23fff' stroke-width='3.4' stroke-linejoin='round'%3E%3Cpath d='M14 4 22 12 16 18 8 10Z'/%3E%3Cpath d='M9 11 3 17v3h9l3-3Z'/%3E%3C/g%3E%3Cg stroke='%23253a43' stroke-width='1.4' stroke-linejoin='round'%3E%3Cpath d='M14 4 22 12 16 18 8 10Z' fill='%233b6fd9'/%3E%3Cpath d='M9 11 3 17v3h9l3-3Z' fill='%23d5e3ff'/%3E%3C/g%3E%3C/svg%3E") 4 23,text}.passage-highlighter.is-highlighting[data-next-color=pink]>:not(.passage-highlighter-tools,.passage-highlight-bar){cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23fff' stroke-width='3.4' stroke-linejoin='round'%3E%3Cpath d='M14 4 22 12 16 18 8 10Z'/%3E%3Cpath d='M9 11 3 17v3h9l3-3Z'/%3E%3C/g%3E%3Cg stroke='%23253a43' stroke-width='1.4' stroke-linejoin='round'%3E%3Cpath d='M14 4 22 12 16 18 8 10Z' fill='%23cf3f7a'/%3E%3Cpath d='M9 11 3 17v3h9l3-3Z' fill='%23ffd8e7'/%3E%3C/g%3E%3C/svg%3E") 4 23,text}.passage-highlighter.is-highlighting .passage-highlight{cursor:pointer}.passage-highlight[data-color=green]{--passage-highlight:var(--highlight-green)}.passage-highlight[data-color=blue]{--passage-highlight:var(--highlight-blue)}.passage-highlight[data-color=pink]{--passage-highlight:var(--highlight-pink)}.passage-highlight-bar{z-index:6;background:var(--paper);max-width:calc(100vw - 16px);color:var(--ink);border:1px solid var(--line);white-space:nowrap;border-radius:22px;flex-wrap:wrap;align-items:center;gap:2px;padding:3px;font:500 14px/1 DM Sans,DM Sans Fallback,sans-serif;display:flex;position:absolute;box-shadow:0 6px 20px var(--lightningcss-light,#142d3a24)var(--lightningcss-dark,#00000059)}.passage-highlight-bar button:not(.passage-highlight-clear){width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;padding:0;display:grid}.passage-highlight-bar button:hover{background:var(--surface);color:var(--ink)}.passage-highlight-bar button:focus-visible{outline:2px solid var(--action);outline-offset:1px}.passage-highlight-swatch span{--passage-highlight:var(--highlight-yellow);background:linear-gradient(var(--passage-highlight), var(--passage-highlight)), linear-gradient(var(--passage-highlight), var(--passage-highlight)), var(--paper);width:18px;height:18px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 22%, transparent);border-radius:999px}.passage-highlight-swatch[data-color=green] span{--passage-highlight:var(--highlight-green)}.passage-highlight-swatch[data-color=blue] span{--passage-highlight:var(--highlight-blue)}.passage-highlight-swatch[data-color=pink] span{--passage-highlight:var(--highlight-pink)}.passage-highlight-swatch[aria-pressed=true] span{box-shadow:0 0 0 2px var(--paper), 0 0 0 3.5px var(--ink)}.passage-highlight-erase,.passage-highlight-clear{margin-left:3px;position:relative}.passage-highlight-swatch+button:not(.passage-highlight-swatch):before{content:"";border-left:1px solid var(--line);position:absolute;top:8px;bottom:8px;left:-2px}.passage-highlight-clear{height:32px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 11px 0 10px}.passage-highlight-clear:hover{background:var(--surface);color:var(--ink)}@media (pointer:coarse){.passage-highlighter-toggle{height:40px;padding-left:12px}.passage-highlight-bar button:not(.passage-highlight-clear){width:40px;height:40px}.passage-highlight-swatch span{width:22px;height:22px}.passage-highlight-clear{height:40px}}@media (prefers-reduced-motion:reduce){.passage-highlighter-toggle{transition:none}}:root.reduced-motion .passage-highlighter-toggle{transition:none}@media (prefers-reduced-motion:no-preference){:root:not(.reduced-motion) .passage-highlight-bar{animation:passage-highlight-bar-in var(--motion-press,.12s) var(--ease-travel,ease-out)}}@keyframes passage-highlight-bar-in{0%{opacity:0;transform:translateY(-3px)}}
