/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./_front/modules/search/search.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable scss/operator-no-newline-after */
/* stylelint-enable scss/operator-no-newline-after */
/* stylelint-disable scss/operator-no-newline-after */
/* stylelint-enable scss/operator-no-newline-after */
/* stylelint-disable scss/operator-no-newline-after */
/* stylelint-enable scss/operator-no-newline-after */
/* stylelint-disable scss/operator-no-newline-after */
/* stylelint-enable scss/operator-no-newline-after */
/* stylelint-disable scss/operator-no-newline-after */
/* stylelint-enable scss/operator-no-newline-after */
/* stylelint-disable scss/operator-no-newline-after */
/* stylelint-enable scss/operator-no-newline-after */
/* stylelint-disable scss/operator-no-newline-after */
/* stylelint-enable scss/operator-no-newline-after */
/* stylelint-disable scss/operator-no-newline-after */
/* stylelint-enable scss/operator-no-newline-after */
/* stylelint-disable scss/operator-no-newline-after */
/* stylelint-enable scss/operator-no-newline-after */
.search__input {
  border-width: 1px;
  border-style: solid;
  border-radius: 1.7188em;
  padding: 12px 10.5px;
  display: flex;
  width: 100%;
  white-space: nowrap;
  margin: 0;
  outline: none !important;
  appearance: none;
}

.search__input.is-big {
  padding: 20px 16px;
  display: flex;
  width: 100%;
  white-space: nowrap;
  margin: 0;
  outline: none !important;
  appearance: none;
}
.search__input.has-no-border {
  border: unset;
}
.search__input.has-border-bottom {
  border-top: unset;
  border-left: unset;
  border-right: unset;
  border-radius: unset;
}
.search__input.has-border-bottom:hover {
  border-color: inherit;
}

.search {
  transition: all 0.3s ease;
  cursor: pointer;
}
.search__submit, .search__label, .search__input {
  order: 1;
}
.search__submit {
  background: unset;
  border: unset;
  order: 0;
}
.search__submit svg {
  width: max(24px, 1.25vw);
  height: max(25px, 1.3020833333vw);
}
.search__label {
  transition: opacity 0.3s ease, max-width 0.3s ease 0.1s;
  padding-right: max(12px, 0.625vw);
  max-width: max(75px, 3.90625vw);
  cursor: pointer;
}
.search__input {
  transition: all ease 0.3s;
  line-height: 1;
}
.search__input::-webkit-search-cancel-button {
  appearance: none;
}
.search__input.has-no-border, .search__input.has-border-bottom {
  width: 100%;
  max-width: 0;
  padding-inline: 0;
}
.search__input.is-big {
  width: max(200px, 17.3958333333vw);
  padding-left: max(55px, 2.8645833333vw);
  padding-right: max(55px, 2.8645833333vw);
  border-radius: max(55px, 2.8645833333vw);
}
.search__close {
  position: absolute;
  inset: 0 max(12px, 0.625vw) 0 auto;
  cursor: pointer;
  z-index: 1;
  transition: opacity 0s ease;
  opacity: 0;
  pointer-events: none;
}
.search__close svg {
  width: max(14px, 0.7291666667vw);
  height: max(13px, 0.6770833333vw);
}
.search.active {
  cursor: initial;
}
.search.active .search__input.has-no-border, .search.active .search__input.has-border-bottom {
  max-width: max(300px, 15.625vw);
  padding-inline: max(10.5px, 0.546875vw) max(35px, 1.8229166667vw);
}
.search.active .search__input.space-left {
  padding-inline: max(35px, 1.8229166667vw) max(10.5px, 0.546875vw);
}
.search.active .search__label {
  transition: all 0s ease;
  opacity: 0;
  pointer-events: none;
  max-width: 0;
  padding: 0;
}
.search.active .search__close {
  transition-delay: 0.1s;
  opacity: 1;
  pointer-events: all;
}

/*# sourceMappingURL=search.css.map*/