.canvas-topic-filters{position:absolute;z-index:6;top:14px;left:16px;right:16px;display:flex;align-items:center;gap:3px;width:calc(100% - 32px);max-width:calc(100% - 32px);padding:5px;border-radius:13px;background:#141a04f5;box-shadow:0 0 0 1px #e6edcd15,0 4px 8px #00000022,0 10px 28px #00000044;backdrop-filter:blur(12px);container-type:inline-size}
.canvas-topic-list{display:flex;gap:3px;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;flex:1}
.canvas-topic-list::-webkit-scrollbar{display:none}
.canvas-topic-filters .canvas-topic-chip{display:flex;align-items:center;justify-content:center;gap:7px;flex:1 0 auto;min-width:40px;min-height:40px;padding:8px 10px;border:0;border-radius:8px;background:transparent;white-space:nowrap;font-size:11px;color:#c1cd9d;transition:background .15s,color .15s,box-shadow .15s,scale .15s}
.canvas-topic-chip:hover{background:#e6edcd0a;color:#e6edcd}
.canvas-topic-filters .canvas-topic-chip[aria-pressed=true]{background:color-mix(in srgb,var(--topic-color,#c3ff00) 16%,#141a04);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--topic-color,#c3ff00) 42%,transparent);color:#e6edcd}
.canvas-topic-dot{width:6px;height:6px;flex:none;border-radius:50%;background:var(--topic-color)}
.canvas-topic-count{font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:-.2px;color:#a5b379}
.canvas-topic-chip[aria-pressed=true] .canvas-topic-count{color:#e6edcd}
.canvas-topic-filters .canvas-topic-scroll{display:grid;place-items:center;flex:none;width:40px;min-height:40px;border:0;border-radius:8px;padding:0;font-size:23px;line-height:1;background:#e6edcd05;color:#e6edcd;transition:background .15s,scale .15s}
.canvas-topic-filters .canvas-topic-scroll:hover{background:#e6edcd10}
.canvas-topic-scroll:disabled{opacity:.3;cursor:default}
.canvas-topic-filters .canvas-topic-scroll[hidden]{display:none}
.canvas-topic-filters button:active{scale:.96}
.canvas-topic-filters button:focus-visible{outline:2px solid #c3ff00;outline-offset:-2px}
.content:has(.canvas-topic-filters) .canvas-viewport{top:76px}
.content:has(.canvas-topic-filters) .selection-actions{top:78px}
@container(max-width:850px){.canvas-topic-count{display:none}.canvas-topic-filters .canvas-topic-chip{padding-inline:11px}}
@media(max-width:700px){.canvas-topic-filters{left:10px;right:10px;top:10px;width:calc(100% - 20px);max-width:calc(100% - 20px)}.content:has(.canvas-topic-filters) .canvas-viewport{top:70px}.content:has(.canvas-topic-filters) .selection-actions{top:72px}}
@media(prefers-reduced-motion:reduce){.canvas-topic-filters button{transition:none}}