@layer components{.atl{gap:12px;display:grid}.atl__who{color:var(--text-secondary);overflow-wrap:anywhere;margin:0}.atl__opts{gap:6px;max-height:280px;display:grid;overflow-y:auto}.atl__opt{border:1px solid var(--line-soft);border-radius:var(--r);cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.atl__opt:hover{border-color:var(--line-strong)}.atl__opt.is-off{cursor:default;opacity:.75}.atl__main{gap:2px;min-width:0;display:grid}.atl__main>.muted{font-size:var(--fs-xs)}.atl__end{color:var(--text-muted);font-size:var(--fs-xs);align-items:center;gap:4px;display:inline-flex}.atl__end svg.i{width:13px;height:13px}.conf{vertical-align:-1px;flex:none;align-items:flex-end;gap:2px;height:12px;display:inline-flex}.conf>i{background:var(--line-strong);border-radius:1px;width:3px}.conf>i:first-child{height:5px}.conf>i:nth-child(2){height:8px}.conf>i:nth-child(3){height:12px}.conf--low>i:first-child,.conf--medium>i:nth-child(-n+2),.conf--high>i{background:var(--accent)}}