/*!********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js!./scss/templates/filters.scss ***!
  \********************************************************************************************************************************************************************************************/
.dropdown {
  min-width: 220px;
  width: auto;
  display: inline-block;
  position: relative;
  cursor: pointer;
  line-height: 1;
}
@media screen and (max-width: 450px) {
  .dropdown {
    min-width: unset;
    width: 148px;
  }
}
@media screen and (max-width: 450px) {
  .dropdown {
    width: 100%;
    margin-right: 0;
  }
}
@media screen and (max-width: 450px) {
  .dropdown[data-name=status_1] {
    position: absolute;
    width: auto;
    top: 20px;
    right: 0;
  }
  .dropdown[data-name=status_1] a {
    word-break: break-all;
  }
}
.dropdown .dropdown-wrap {
  border-radius: 24px;
  border: 1.4px solid #424242;
  background-color: white;
}
@media screen and (max-width: 450px) {
  .dropdown .dropdown-wrap[data-name=status_1] {
    border: unset;
  }
  .dropdown .dropdown-wrap[data-name=status_1].active {
    border: 1.4px solid #424242;
  }
}
.dropdown .dropdown-wrap.active {
  border-bottom: unset;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.dropdown .dropdown-wrap .dropdown-label-wrap {
  display: flex;
  align-items: center;
}
.dropdown .dropdown-wrap .dropdown-label-wrap .dropdown-label {
  padding: 12px 16px;
  color: #000;
  font-family: "Lato", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.18px;
  width: 87%;
  white-space: nowrap;
}
.dropdown .dropdown-wrap .dropdown-label-wrap .dropdown-arrow {
  display: block;
  border-left: unset;
  border-right: unset;
  border-top: unset;
  width: 24px;
  height: 24px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkFycm93IGRvd24iPgo8cGF0aCBpZD0iVmVjdG9yIiBkPSJNNiAxMUwxMiAxN0wxOCAxMSIgc3Ryb2tlPSIjMUYxRjFGIi8+CjwvZz4KPC9zdmc+Cg==);
  transition: 0.2s all;
}
.dropdown .dropdown-wrap .dropdown-label-wrap .dropdown-arrow.active {
  transform: rotate(-180deg);
}
.dropdown .dropdown-wrap .filter-dropdown {
  max-height: 200px;
  overflow: auto;
  display: flex;
  flex-direction: column;
  position: absolute;
  border: 1.4px solid #424242;
  border-top: unset;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
  padding: 0 0 5px;
  width: 100%;
  background-color: white;
  left: 0;
  z-index: 2;
}
.dropdown .dropdown-wrap .filter-dropdown::-webkit-scrollbar {
  display: none;
}
.dropdown .dropdown-wrap .filter-dropdown::-webkit-scrollbar-track {
  display: none;
}
.dropdown .dropdown-wrap .filter-dropdown::-webkit-scrollbar-thumb {
  display: none;
}
.dropdown .dropdown-wrap .filter-dropdown a {
  padding: 6px 16px;
  color: #1F1F1F;
  font-family: "Lato", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.18px;
}
.dropdown .dropdown-wrap .filter-dropdown a:last-child {
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
}
.dropdown .dropdown-wrap .filter-dropdown a:hover {
  background-color: #F5F5F5;
}
.dropdown .dropdown-wrap .filter-dropdown.hidden {
  display: none;
}