.observer-field{gap:10px}.observer-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.observer-option{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:7px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:12px;min-height:64px;padding:12px 14px;transition:border-color .15s,background .15s,box-shadow .15s;display:grid;position:relative}.observer-option:hover{background:#f8fcfd;border-color:#8bbcd1}.observer-option input{opacity:0;pointer-events:none;position:absolute}.observer-check{color:#0000;background:#fff;border:1px solid #9bc5d5;border-radius:5px;place-items:center;width:26px;height:26px;font-size:15px;font-weight:800;display:grid}.observer-option:has(input:checked){border-color:var(--blue);box-shadow:0 0 0 1px var(--blue);background:#eaf6fb}.observer-option input:checked+.observer-check{color:#fff;border-color:var(--blue);background:var(--blue)}.observer-option strong,.observer-option small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.observer-option strong{font-size:14px}.observer-option small{color:var(--muted);margin-top:4px;font-size:12px}.observer-help{color:var(--muted);line-height:1.5}.observer-empty{color:var(--muted);border:1px dashed var(--line);border-radius:7px;margin:0;padding:14px}@media (width<=700px){.observer-options{grid-template-columns:1fr}}