.cp72-dim{
  opacity:.45;
  filter:saturate(.35);
}
.cp72-dim,
.cp-tag.cp72-on,
.cp-tag.cp72-off{
  transition:opacity .24s var(--ease,ease),filter .24s var(--ease,ease),
             box-shadow .24s var(--ease,ease);
}
@media (prefers-reduced-motion:reduce){
  .cp72-dim,.cp-tag.cp72-on,.cp-tag.cp72-off{transition:none}
}


.cp-tag.cp72-off{opacity:.34;filter:saturate(.3)}
.cp-tag.cp72-on{box-shadow:0 0 0 2px rgba(255,255,255,.16)}



#cpTagLegend{gap:8px;padding:8px 10px 8px 14px;opacity:1}


#cpTagLegend > *{flex:0 0 auto}

#cpTagLegend .lg-k{
  
  flex:0 1 auto;
  max-width:78px;line-height:1.25;white-space:normal;
}

.lg-btn{
  appearance:none;cursor:pointer;font-family:inherit;
  transition:transform .16s var(--ease,ease),box-shadow .16s var(--ease,ease),
             opacity .16s var(--ease,ease);
}
.lg-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px -4px rgba(0,0,0,.6)}
.lg-btn:focus-visible{outline:2px solid #ff6aa6;outline-offset:2px}


html.cp72-filtering .lg-btn[aria-pressed="false"]{opacity:.4}
.lg-btn[aria-pressed="true"]{
  box-shadow:0 0 0 2px rgba(255,255,255,.30);
  transform:translateY(-1px);
}

.lg-count{
  font:700 10.5px/1.3 'Poppins',system-ui,Arial,sans-serif;
  color:var(--muted);
  padding-left:2px;
  white-space:nowrap;
}
.lg-count.lg-yes{color:var(--tg-agt)}
.lg-count.lg-no{color:var(--amber)}

.lg-clear{
  appearance:none;cursor:pointer;font-family:inherit;
  padding:4px 10px;border-radius:999px;
  background:transparent;
  border:1px solid var(--brd-2);
  color:var(--muted);
  font:800 10px/1.4 'Poppins',system-ui,Arial,sans-serif;letter-spacing:.04em;
  transition:background .16s var(--ease,ease),color .16s var(--ease,ease),
             border-color .16s var(--ease,ease);
}
.lg-clear:hover{background:var(--berry);border-color:var(--berry);color:#fff}
.lg-clear:focus-visible{outline:2px solid #ff6aa6;outline-offset:2px}
.lg-clear[hidden]{display:none}


@media (max-width:1080px){
  #cpTagLegend .lg-k{display:none}
}