/* Selection popover for saving a highlight from the reader. */
.reader-highlighter{position:fixed;z-index:1000;box-sizing:border-box;width:max-content;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto;padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-line-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-popover);font:var(--text-md)/1.5 var(--font-ui);color:var(--color-ink)}
.reader-highlighter[hidden]{display:none}
.reader-highlighter p{margin:0 0 var(--space-2);max-width:380px;color:var(--color-ink)}
.reader-highlighter p:empty{display:none}
.reader-highlight-categories{display:flex;flex-wrap:wrap;gap:6px;max-width:400px}
.reader-highlighter button{min-height:var(--control-sm);padding:0 10px;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;font:inherit;font-weight:600;color:inherit}
.reader-highlighter button:focus-visible{outline:var(--focus-ring);outline-offset:2px}
.reader-highlighter button:disabled{opacity:.6;cursor:wait}
.reader-highlight-what{background:var(--tint-what)}.reader-highlight-why{background:var(--tint-why)}.reader-highlight-soWhat{background:var(--tint-so-what)}.reader-highlight-important{background:var(--tint-important)}.reader-highlight-unknown{background:var(--tint-unknown)}
.reader-highlight-close{margin-top:var(--space-2);background:var(--color-surface-sunken)}