/* A fixed icon box keeps expanded and collapsed filter arrows on one axis. */
.lc-filterAccordion .lc-filterTrigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 12px;
}
.lc-filterAccordion .lc-filterTrigger > span[aria-hidden="true"] {
  display: block;
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  margin: 0 0 0 auto;
  padding: 0;
  font-size: 0;
  line-height: 0;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9.5 12 14.5 18 9.5' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 24px 24px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9.5 12 14.5 18 9.5' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 24px 24px no-repeat;
  transform: rotate(0deg);
  transform-origin: 50% 50%;
}
.lc-filterAccordion details[open] > .lc-filterTrigger > span[aria-hidden="true"] {
  transform: rotate(180deg);
}
