.catalog-sidebar-sections {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.catalog-sidebar-sections ul {
  list-style: none;
  margin: 0 0 16px 0;
  padding: 0;
}
.catalog-sidebar-sections ul ul {
  padding: 0 0 0 16px;
}
.catalog-sidebar-sections li > ul {
  display: none;
}
.catalog-sidebar-sections a:hover {
  text-decoration: underline;
}
.catalog-sidebar-sections li > div {
  padding: 4px 0;
}
.catalog-sidebar-sections li.catalog-sidebar-sections-item--parent > div {
  position: relative;
  cursor: pointer;
  padding-right: 32px;
}
.catalog-sidebar-sections li.catalog-sidebar-sections-item--parent > div:after {
  content: '';
  position: absolute;
  width: 18px;
  height: 12px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2l7 7-7 7' stroke='%23C4C4C4' stroke-width='3'/%3E%3C/svg%3E") center no-repeat;
  background-size: contain;
  top: calc(50% - 6px);
  right: 0;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  -o-transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
.catalog-sidebar-sections li.catalog-sidebar-sections-item--parent.catalog-sidebar-sections-item--active > ul {
  display: block;
}
.catalog-sidebar-sections li.catalog-sidebar-sections-item--parent.catalog-sidebar-sections-item--active > div:after {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}
.catalog-sidebar-sections li.catalog-sidebar-sections-item.selected > div a {
  text-decoration: underline;
}
@media (max-width: 1023px) {
  .catalog-sidebar-sections {
    display: none;
  }
}