/* CUSTOM DROPDOWN */
.dropdown-custom
  .dropdown__switch:checked
  + .dropdown__options-filter
  .dropdown__select,
.dropdown-custom
  .dropdown__switch__language:checked
  + .dropdown__options-filter
  .dropdown__select {
  transform: scaleY(1);
}
.dropdown-custom
  .dropdown__switch:checked
  + .dropdown__options-filter
  .dropdown__filter:after,
.dropdown-custom
  .dropdown__switch:checked
  + .dropdown__options-filter
  .dropdown__filter__language:after {
  transform: rotate(-135deg);
}
.dropdown-custom
  .dropdown__switch__language:checked
  + .dropdown__options-filter
  .dropdown__filter:after,
.dropdown-custom
  .dropdown__switch__language:checked
  + .dropdown__options-filter
  .dropdown__filter__language:after {
  transform: rotate(-135deg);
}

.dropdown-custom .dropdown__options-filter {
  width: 100%;
  height: 48px;
  cursor: pointer;
}
.dropdown-custom .dropdown__filter,
.dropdown-custom .dropdown__filter__language {
  border-radius: 3px;
  padding-left: 8px;
  height: 100%;
  list-style: none;
  margin: 0;
  position: relative;
  display: flex;
  align-items: center;
  color: #141414;
  border: 1px solid #ababab;
  border-radius: 4px;
  font-size: 14px;
  transition: 0.3s;
}

.dropdown-custom .dropdown__filter:focus,
.dropdown-custom .dropdown__filter__language:focus {
  border: 1px solid #9839ff;
  outline: none;
  box-shadow: 0 0 5px 3px #9839ff;
}

.dropdown-custom .dropdown__filter::after,
.dropdown-custom .dropdown__filter__language::after {
  position: absolute;
  top: 45%;
  right: 20px;
  content: "";
  width: 10px;
  height: 10px;
  border-right: 2px solid #9839ff;
  border-bottom: 2px solid #9839ff;
  transform: rotate(45deg) translateX(-45%);
  transition: 0.2s ease-in-out;
}
.dropdown-custom .dropdown__select {
  z-index: 2;
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  margin-top: 5px;
  overflow: hidden;
  box-shadow: 0 5px 10px 0 rgba(152, 152, 152, 0.6);
  transform: scaleY(0);
  transform-origin: top;
  font-weight: 300;
  transition: 0.2s ease-in-out;
}
.dropdown-custom .dropdown__select-option,
.dropdown-custom .dropdown__select-option__search-category,
.dropdown-custom .dropdown__select-option__search-year,
.dropdown-custom .dropdown__select-option__language {
  padding: 20px;
  background-color: #fff;
  border-bottom: 1px solid #d6d6d6;
  transition: 0.3s;
}
.dropdown-custom .dropdown__select-option:last-of-type,
.dropdown-custom .dropdown__select-option__search-category:last-of-type,
.dropdown-custom .dropdown__select-option__search-year:last-of-type,
.dropdown-custom .dropdown__select-option__language:last-of-type {
  border-bottom: 0;
}
.dropdown-custom .dropdown__select-option:hover,
.dropdown-custom .dropdown__select-option__search-category:hover,
.dropdown-custom .dropdown__select-option__search-year:hover,
.dropdown-custom .dropdown__select-option__language:hover {
  background-color: #9839ff;
  color: white;
}

/* searchbar dropdowns */

.dropdown-searchbar .dropdown__filter,
.dropdown-searchbar .dropdown__filter__language {
  border: none;
}

.dropdown-searchbar .dropdown__options-filter {
    width: fit-content;
}

.dropdown-searchbar ul{
    padding: 0 15px;
}

.dropdown-searchbar .dropdown__select-category{
    min-width: 100px;
}

.dropdown__select.dropdown__select-year,
.dropdown__select.dropdown__select-category{
    width: fit-content;
}

/* .dropdown-searchbar .dropdown__select-year{
    min-width: 10px;
} */

/* .dropdown-searchbar .dropdown__select{
    min-width: 250px;
} */

.dropdown-searchbar .dropdown__filter::after,
.dropdown-searchbar .dropdown__filter__language::after {
  right: -20px;
}

.dropdown-searchbar .dropdown__filter:focus,
.dropdown-searchbar .dropdown__filter__language:focus {
  border: none;
  outline: none;
  box-shadow: none;
}

.dropdown__filter-selected-search-category,
.dropdown__filter-selected-search-year {
    color: #9839ff;
}