/*!***********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./assets/dev/sass/components/style-search-modal.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************/
#search-modal {
  z-index: 1020;
}
#search-modal .search-modal-overlay {
  background: rgba(0, 0, 0, 0.9);
  backdrop-filter: blur(20px);
  -webkit-animation: fade 0.2s ease-in-out;
          animation: fade 0.2s ease-in-out;
}
@-webkit-keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#search-modal .search-body {
  -webkit-animation: drop 0.2s ease-in-out;
          animation: drop 0.2s ease-in-out;
}
@-webkit-keyframes drop {
  from {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes drop {
  from {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
#search-modal .btn-search-close {
  right: 0;
  top: -200%;
}
#search-modal .btn-search-close svg {
  width: 10px;
  height: 10px;
}
#search-modal .btn-search-close:hover {
  opacity: 1;
}
@media (max-width: 1008px) {
  #search-modal .btn-search-close {
    left: 0;
    top: auto;
    bottom: -200%;
  }
  #search-modal .btn-search-close svg {
    width: 16px;
    height: 16px;
  }
}