.filter-block-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border: 0;
  background: transparent;
  color: var(--ink);
  padding: 0;
  margin-bottom: 10px;
  cursor: pointer;
}

.filter-block-head .filter-label {
  margin-bottom: 0;
}

.filter-block-head svg {
  width: 15px;
  height: 15px;
  color: var(--cyan);
  transition: transform 220ms ease;
}

.filter-block-body {
  display: grid;
  gap: 0;
}

.filter-block.is-collapsed .filter-block-head svg {
  transform: rotate(-90deg);
}

.filter-block.is-collapsed .filter-block-body {
  display: none;
}

@media (max-width: 860px) {
  .filter-block {
    margin-bottom: 10px;
  }

  .filter-block-head {
    min-height: 44px;
    padding: 10px 4px;
    margin-bottom: 2px;
    border-bottom: 1px solid var(--line);
  }

  .filter-block-body {
    padding: 6px 0 8px;
  }

  .filter-chip {
    min-height: 40px;
    padding: 10px 12px;
  }
}