/*!***********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-13.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-13.use[2]!./node_modules/resolve-url-loader/index.js??clonedRuleSet-13.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-13.use[4]!./assets/scss/search.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************/
form.search i {
  float: right;
}
form.search label i.prefix {
  float: left;
}
form.search input[type=search] {
  -webkit-transition: width 0.55s ease;
  -moz-transition: width 0.55s ease;
  -ms-transition: width 0.55s ease;
  -o-transition: width 0.55s ease;
  transition: width 0.55s ease;
  border-bottom: none;
  width: calc(100% - 4rem);
}
form.search input[type=search]:focus, form.search input[type=search]:active {
  box-shadow: none !important;
  border-bottom: none !important;
  width: calc(100% - 2rem);
}
form.search input[type=search]:focus + label, form.search input[type=search]:active + label {
  color: white !important;
}
form.search input[type=search]:focus + label > i.prefix, form.search input[type=search]:active + label > i.prefix {
  color: white !important;
}
form.search:hover label > i.prefix {
  color: white !important;
}
em {
  color: green;
}