.wcct { width: 100%; }

.wcct__list{
  list-style:none;
  margin:0;
  padding: 0;
}

.wcct__list--scroll{
  max-height: var(--wcct-maxh, 360px);
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 6px 0;
}

.wcct__item{ margin:0; padding:0; }

.wcct__row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.wcct__link{
  display:block;
  width:100%;
  padding: 8px 12px;
  text-decoration:none;
}

.wcct__link:hover{ background: rgba(0,0,0,.04); }

.wcct__expand{
  flex: 0 0 auto;
  margin-right: 8px;
  width: 28px;
  height: 28px;
  border: 1px solid rgba(0,0,0,.18);
  background: #fff;
  cursor: pointer;
  line-height: 1;
}

.wcct__sub{
  list-style:none;
  margin:0;
  padding: 0 0 0 14px;
}

.wcct__sub .wcct__link{
  padding-left: 18px;
}

.wcct__count{
  opacity: .7;
  font-size: 0.9em;
}