.dropdown-menu-wrapper {
  position: absolute;
  top: 100%;
  left: -11px;
  display: none;
  z-index: 107;
}
.dropdown-menu-wrapper .dropdown-menu-inner {
  background: #fff;
  background: var(--card_bg_black);
  text-align: left;
  box-shadow: 0px 4px 20px 0px rgba(68, 68, 68, 0.12);
  margin-top: 8px;

  min-width: 220px;
  max-width: 450px;
}
.dropdown-menu-inner--padding {
  padding: 8px;
}
.dropdown-menu-inner > .scrollbar {
  max-height: 300px;
}
.dropdown-select {
  cursor: pointer;
  position: relative;
}
.dropdown-select__title {
  padding: 5px 0;

  display: flex;
  align-items: center;
  gap: 10px;

  color: var(--white_text_black);
}
.dropdown-select__title.bordered {
  padding: 5px 12px 5px;
}

.dropdown-select__list-link {
  display: block;
  padding: 8px 10px 8px 16px;
  border-radius: 8px;
  white-space: nowrap;

  overflow: hidden;
  text-overflow: ellipsis;
}
.dropdown-select__list-link--current {
  cursor: default;
  background: var(--darkerblack_bg_black);
}
.dropdown-select__title .down {
  transition: transform 0.3s ease;
}
.dropdown-select__title.opened .down {
  transform: scaleY(-1);
}

.toggle-panel {
  --toggle-bg: var(--light, #f4f4f4) var(--dark, #343434);
  --item-height: 30px;
  --item-pl: 10px;
  --item-pr: 10px;
  background-color: var(--toggle-bg);
  border: 2px solid var(--toggle-bg);
  border-radius: 8px;
  display: flex;
}

.toggle-panel--sm {
  --item-height: 24px;
  --item-pl: 9px;
  --item-pr: 9px;
}

.toggle-panel__item {
  display: flex;
  align-items: center;
  padding: 2px var(--item-pr) 2px var(--item-pl);
  height: var(--item-height);
}

.toggle-panel__item--current {
  background-color: #fff;
  border-radius: 6px;
}

@media (min-width: 992px) {
  .filter-panel--filter-VERTICAL .filter-panel__filter {
    display: none;
  }
}

@media (min-width: 768px) {
  .filter-panel--filter-COMPACT .filter-panel__filter {
    display: none;
  }
}

@media (max-width: 450px) {
  .filter-panel .dropdown-select:not(.dropdown-select--wide) .dropdown-select__title {
    max-width: 170px;
  }
  .filter-panel .dropdown-select:not(.dropdown-select--wide) .dropdown-select__title-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .filter-panel .dropdown-select:not(.dropdown-select--wide) .dropdown-menu-wrapper {
    left: auto;
    right: 0;
  }
}