:root{--selector-list-item-bg-selected: rgba(0, 0, 0, .08);--selector-list-item-bg-hover: rgba(0, 0, 0, .06);--selector-list-item-bg-active: rgba(0, 0, 0, .1);--selector-list-item-bg-drag-over: rgba(0, 0, 0, .25)}[data-theme=dark]{--selector-list-item-bg-selected: rgba(255, 255, 255, .06);--selector-list-item-bg-hover: rgba(255, 255, 255, .04);--selector-list-item-bg-active: rgba(255, 255, 255, .03);--selector-list-item-bg-drag-over: rgba(0, 0, 0, .5)}ul.selector-list{list-style:none;width:100%;margin:0;padding:0;display:inline-flex;flex-flow:column;align-items:flex-start;justify-content:stretch;gap:0;user-select:none}.modal-window-container ul.selector-list{padding-block:1rem 2rem}ul.selector-list ul.selector-list{margin:0;padding-block:0;padding-inline:.75rem 0rem}ul.selector-list li{width:100%;margin:0;padding:0;position:relative;display:inline-flex;flex-flow:row;align-items:center;justify-content:space-between;gap:.5rem;user-select:none;transition:var(--transition)}ul.selector-list li.active{background:var(--selector-list-item-bg-selected);transition:var(--transition)}ul.selector-list li.discarded{color:var(--fg-secondary);transition:var(--transition)}ul.selector-list li:not(.no-hover):hover{background:var(--selector-list-item-bg-hover);transition:var(--transition)}ul.selector-list li:not(.no-hover):active{background:var(--selector-list-item-bg-active);transition:var(--transition)}ul.selector-list li.drag{cursor:grabbing;transition:var(--transition)}ul.selector-list li.drag-over{background:var(--selector-list-item-bg-drag-over);transition:var(--transition)}ul.selector-list li.disabled{opacity:.5;transition:var(--transition);pointer-events:none;cursor:not-allowed}ul.selector-list li .metadata{width:100%;margin:0;padding:.75rem 1rem;display:inline-flex;flex-flow:column;place-items:center flex-start;gap:.5rem;clear:right}ul.selector-list li .metadata .label-with-checkbox{width:100%;margin:0;padding:0;display:inline-flex;flex-flow:row;place-items:center flex-start;gap:1rem}ul.selector-list li .metadata .metadata-content{width:100%;margin:0;padding:0;display:inline-flex;flex-flow:column;place-items:flex-start center;gap:.25rem}ul.selector-list li .metadata label{width:100%;margin:0;padding:0;display:-webkit-box;line-break:anywhere;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}ul.selector-list li .metadata label.editable{width:max-content;margin-left:-.5rem;padding:.25rem .5rem;border-radius:var(--border-radius);cursor:text;pointer-events:all}ul.selector-list li .metadata label.editable:hover{background:var(--bg-secondary)}ul.selector-list li .metadata .selector-list-item-label-input{width:max-content;padding:.25rem;background:var(--bg-secondary);outline:3px solid var(--accent);border:none;border-radius:var(--border-radius)}ul.selector-list li.active .metadata label{font-weight:700}ul.selector-list li .metadata sub{width:100%;margin:0;padding:0;color:var(--fg-secondary);display:-webkit-box;line-break:anywhere;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:.8rem}ul.selector-list li.active .metadata sub{color:var(--fg)}ul.selector-list li :is(.favicon,.indicator){max-width:20px;max-height:20px;width:100%;height:100%;margin:0;padding:0;display:inline-flex;flex-flow:row;align-items:center;justify-content:center}ul.selector-list li :is(.favicon,.indicator) :is(img,svg){margin:auto;padding:0;place-self:center}ul.selector-list li .favicon :is(img,svg){width:20px;height:20px}ul.selector-list li .indicator :is(img,svg){width:16px;height:16px}ul.selector-list li .checkbox :is(img,svg){width:20px;height:20px}.selector-list-actions{list-style:none;margin:0;padding:.25rem;top:auto;bottom:auto;position:absolute;display:inline-flex;flex-flow:row;place-items:center flex-end;gap:.75rem;background:var(--bg);box-shadow:0 2px 4px #00000040;border:var(--border);border-radius:64px;visibility:hidden}ul.selector-list li.compact .selector-list-actions{gap:.5rem}.selector-list-actions.disabled{opacity:.25}ul.selector-list li:hover .selector-list-actions{visibility:visible}.selector-list-actions a{width:28px;height:28px;margin:-.25rem;padding:.25rem;display:inline-flex;flex-flow:row;place-items:center;place-content:center;color:var(--btn-fg);background:none;box-shadow:none;border-radius:100%;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;-webkit-user-drag:none;cursor:default}ul.selector-list li.compact .selector-list-actions a{padding:0}.selector-list-actions a:hover{color:var(--btn-fg);background:var(--btn-bg-hover)}.selector-list-actions a:active{color:var(--btn-fg);background:var(--btn-bg-active)}.selector-list-actions.disabled a,.selector-list-actions a.disabled{filter:brightness(.9);opacity:.5;cursor:not-allowed;pointer-events:none}.selector-list-actions a svg{width:18px;height:18px;margin:0;padding:0;scale:1;transition:var(--transition)}.selector-list-actions a:hover svg{scale:1.125;transition:var(--transition)}.selector-list-actions a:active svg{scale:1;transition:var(--transition)}ul.selector-list li.compact .selector-list-actions a svg{width:16px;height:16px}