.col-filter{color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;align-items:center;gap:.3rem;margin:-.2rem -.35rem;padding:.2rem .35rem;transition:background .15s,color .15s,border-color .15s;display:inline-flex;position:relative}.col-filter:hover{background:var(--hover-bg);border-color:var(--glass-border);color:var(--text-primary)}.col-filter:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.col-filter-icon{opacity:.55;flex-shrink:0;transition:opacity .15s}.col-filter:hover .col-filter-icon{opacity:.9}.col-filter--active{background:color-mix(in srgb, var(--accent) 12%, transparent);border-color:color-mix(in srgb, var(--accent) 35%, transparent);color:var(--text-accent)}.col-filter--active .col-filter-icon{opacity:1}.col-filter-dot{background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;top:-1px;right:-1px}.col-filter-menu{z-index:var(--z-popover);border:1px solid var(--modal-border);background:var(--modal-bg);min-width:11rem;box-shadow:var(--shadow-lg);border-radius:8px;flex-direction:column;gap:1px;padding:.25rem;animation:.12s col-filter-in;display:flex;position:fixed}@keyframes col-filter-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.col-filter-option{width:100%;color:var(--text-secondary);text-transform:none;letter-spacing:normal;text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:5px;align-items:center;gap:.4rem;padding:.4rem .5rem;font-family:inherit;font-size:.8125rem;font-weight:500;transition:background .12s,color .12s;display:flex}.col-filter-option:hover{background:var(--hover-bg);color:var(--text-primary)}.col-filter-option.is-selected{color:var(--text-accent);font-weight:600}.col-filter-check{flex-shrink:0;place-items:center;width:13px;display:grid}@media (prefers-reduced-motion:reduce){.col-filter-menu{animation:none}}