[data-component-name="search-active-search"] .links-search {
  max-width: 325px;
  margin: 0 auto;
  padding: 0 1rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 767px) {
  [data-component-name="search-active-search"] .links-search {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
}
[data-component-name="search-active-search"] .links-search label {
  position: relative;
}
[data-component-name="search-active-search"] .links-search .icon {
  position: absolute;
  top: 75%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: contain;
  width: 14px;
  height: 17px;
  background-size: 14px 17px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2043%2044%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23000%22%20%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M33%2017c0%208.837-7.163%2016-16%2016S1%2025.837%201%2017%208.163%201%2017%201s16%207.163%2016%2016z%22%2F%3E%3Cpath%20stroke-width%3D%224%22%20d%3D%22M28.229%2029.229L41.5%2042.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.emporio-armani [data-component-name="search-active-search"] .links-search .icon {
  display: block;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: contain;
  width: 14px;
  height: 17px;
  background-size: 14px 17px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2043%2044%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23fff%22%20%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M33%2017c0%208.837-7.163%2016-16%2016S1%2025.837%201%2017%208.163%201%2017%201s16%207.163%2016%2016z%22%2F%3E%3Cpath%20stroke-width%3D%224%22%20d%3D%22M28.229%2029.229L41.5%2042.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
[data-component-name="search-active-search"] .searches-trending .level-0 li,
[data-component-name="search-active-search"] .searches-trending .level-0 .linkSugg {
  position: relative;
  margin: 1rem 0;
}
[data-component-name="search-active-search"] .searches-trending .level-0 li:last-child,
[data-component-name="search-active-search"] .searches-trending .level-0 .linkSugg:last-child {
  margin-bottom: 0;
}
[data-component-name="search-active-search"] .searches-trending .level-0 li a,
[data-component-name="search-active-search"] .searches-trending .level-0 .linkSugg a {
  font-size: 13px;
  line-height: 1;
  display: block;
  padding: 0.25rem 0;
}
@media only screen and (min-width: 1024px) {
  [data-component-name="search-active-search"] .searches-trending .level-0 li a,
  [data-component-name="search-active-search"] .searches-trending .level-0 .linkSugg a {
    padding: 0.5rem;
    cursor: pointer;
  }
}
[data-component-name="search-active-search"] .searches-trending .level-0 li .NumItems,
[data-component-name="search-active-search"] .searches-trending .level-0 .linkSugg .NumItems {
  display: none;
}
@media only screen and (min-width: 1025px) {
  [data-component-name="search-active-search"] .searches-trending .level-0 li:hover,
  [data-component-name="search-active-search"] .searches-trending .level-0 .linkSugg:hover {
    background-color: #e5e6ea;
  }
  [data-component-name="search-active-search"] .searches-trending .level-0 li:hover .remove,
  [data-component-name="search-active-search"] .searches-trending .level-0 .linkSugg:hover .remove {
    opacity: 1;
  }
}
[data-component-name="search-active-search"] {
  position: fixed;
  width: 100%;
  border-top: 1px solid #e5e6ea;
  background-color: #f6f6f6;
  z-index: 35;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 300ms cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: -webkit-transform 300ms cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 300ms cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 300ms cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 300ms cubic-bezier(0.39, 0.575, 0.565, 1);
  will-change: transform;
  height: 104px;
  top: 64px;
}
.promo [data-component-name="search-active-search"] {
  top: 94px;
}
@media only screen and (min-width: 480px) {
  [data-component-name="search-active-search"] {
    top: 64px;
  }
  .promo [data-component-name="search-active-search"] {
    top: 94px;
  }
}
@media only screen and (min-width: 767px) {
  [data-component-name="search-active-search"] {
    top: 94px;
  }
  .promo [data-component-name="search-active-search"] {
    top: 124px;
  }
}
@media only screen and (min-width: 1024px) {
  [data-component-name="search-active-search"] {
    position: static;
    height: auto;
  }
}
.header-collapsed [data-component-name="search-active-search"] {
  -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
          transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
  -webkit-transition-duration: 400ms;
          transition-duration: 400ms;
  -webkit-transform: translate3d(0, -104px, 0);
          transform: translate3d(0, -104px, 0);
}
@media only screen and (min-width: 1024px) {
  .header-collapsed [data-component-name="search-active-search"] {
    -webkit-transform: none !important;
            transform: none !important;
  }
}
.promo.header-collapsed [data-component-name="search-active-search"] {
  -webkit-transform: translate3d(0, -134px, 0);
          transform: translate3d(0, -134px, 0);
}
[data-component-name="search-active-search"] .links-search {
  margin: 0.5rem auto 1.5rem;
  max-width: 100%;
  padding: 0 2.5%;
}
@media only screen and (min-width: 1024px) {
  [data-component-name="search-active-search"] .links-search {
    width: 670px;
    padding-top: 3rem;
    padding-bottom: 1rem;
  }
}
[data-component-name="search-active-search"] .links-search button {
  display: none;
}
[data-component-name="search-active-search"] .links-search form {
  position: relative;
}
[data-component-name="search-active-search"] .links-search form::before {
  content: '';
  position: absolute;
  bottom: 14px;
  left: 6px;
  display: block;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: contain;
  width: 15px;
  height: 15px;
  background-size: 15px 15px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2043%2044%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23181818%22%20%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M33%2017c0%208.837-7.163%2016-16%2016S1%2025.837%201%2017%208.163%201%2017%201s16%207.163%2016%2016z%22%2F%3E%3Cpath%20stroke-width%3D%224%22%20d%3D%22M28.229%2029.229L41.5%2042.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.emporio-armani [data-component-name="search-active-search"] .links-search form::before {
  display: block;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: contain;
  width: 15px;
  height: 15px;
  background-size: 15px 15px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2043%2044%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23fff%22%20%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M33%2017c0%208.837-7.163%2016-16%2016S1%2025.837%201%2017%208.163%201%2017%201s16%207.163%2016%2016z%22%2F%3E%3Cpath%20stroke-width%3D%224%22%20d%3D%22M28.229%2029.229L41.5%2042.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
[data-component-name="search-active-search"] .links-search form > input {
  background: none;
  padding-left: 2rem;
  border-radius: 0;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-color: #b7b7b7;
  font-family: "AktivGrotesk-Medium";
  letter-spacing: 0.4px;
  font-size: 13px;
}
@media only screen and (min-width: 1024px) {
  [data-component-name="search-active-search"] .links-search form > input {
    border-color: #444;
    cursor: pointer;
  }
}
[data-component-name="search-active-search"] .empty-message {
  margin-top: 1.5rem;
  font-size: 13px;
  padding: 0 0.5rem 0.5rem;
}
@media only screen and (min-width: 1024px) {
  [data-component-name="search-active-search"] .empty-message {
    padding: 0 0 0.5rem;
  }
}
[data-component-name="search-active-search"] .refinementBrand {
  padding: 0 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  opacity: 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media only screen and (min-width: 1024px) {
  [data-component-name="search-active-search"] .refinementBrand {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
[data-component-name="search-active-search"] .refinementBrand.active {
  opacity: 1;
}
[data-component-name="search-active-search"] .refinementBrand .Brand {
  padding-bottom: 0.5rem;
  border-bottom: 1px solid transparent;
}
[data-component-name="search-active-search"] .refinementBrand .Brand.disabled .NumItems {
  display: none;
}
[data-component-name="search-active-search"] .refinementBrand .Brand.dead {
  pointer-events: none;
  opacity: 0.3;
}
[data-component-name="search-active-search"] .refinementBrand .Brand.selected {
  border-bottom: 1px solid #000;
}
@media only screen and (min-width: 1024px) {
  [data-component-name="search-active-search"] .refinementBrand .Brand {
    margin: 0 4rem;
    padding-bottom: 0.3rem;
    -webkit-transition: border 400ms ease;
    transition: border 400ms ease;
  }
  [data-component-name="search-active-search"] .refinementBrand .Brand:hover {
    border-color: #000;
  }
}
[data-component-name="search-active-search"] .refinementBrand input {
  display: none;
}
[data-component-name="search-active-search"] .refinementBrand a {
  font-size: 12px;
  letter-spacing: 0.4px;
  line-height: 1;
  font-family: "AktivGrotesk-Medium";
}
@media only screen and (min-width: 1024px) {
  [data-component-name="search-active-search"] .refinementBrand a {
    letter-spacing: 1px;
  }
}
[data-component-name="search-active-search"] .refinementBrand .NumItems {
  font-size: 11px;
  font-family: "AktivGrotesk-Medium";
}
[data-component-name="search-active-search"] .refinementBrand .NumItems:before {
  content: '(';
}
[data-component-name="search-active-search"] .refinementBrand .NumItems:after {
  content: ')';
}
[data-component-name="search-active-search"] .searches-trending {
  background-color: #fff;
  padding: 2rem 1rem 4rem;
}
@media only screen and (min-width: 1024px) {
  [data-component-name="search-active-search"] .searches-trending > * {
    width: 670px;
    margin: 0 auto;
    padding-left: 2.5%;
    padding-right: 2.5%;
  }
}
[data-component-name="search-active-search"] .searches-trending .title {
  display: block;
  margin-bottom: 1rem;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.4px;
  font-family: "AktivGrotesk-Bold";
}
@media only screen and (min-width: 1024px) {
  [data-component-name="search-active-search"] .searches-trending .title {
    padding: 0.5rem 2.5%;
    margin-bottom: 0;
  }
}
[data-component-name="search-active-search"] .product-suggestions {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
[data-component-name="search-active-search"] .product-suggestions.active {
  opacity: 1;
}
[data-component-name="search-active-search"] .product-suggestions .viewRecentlyVisited {
  border-top: 1px solid #e5e6ea;
  border-bottom: 1px solid #e5e6ea;
  background-color: #fff;
}
[data-component-name="search-active-search"] .product-suggestions .viewRecentlyVisited .title {
  font-family: "AktivGrotesk-Regular";
  font-size: 14px;
  line-height: 1.25;
  letter-spacing: 0.4px;
  font-size: 12px;
  font-family: "AktivGrotesk-Bold";
  text-transform: uppercase;
  padding: 1rem;
  text-align: center;
}
@media only screen and (min-width: 1024px) {
  [data-component-name="search-active-search"] .product-suggestions .viewRecentlyVisited .title {
    font-size: 16px;
    line-height: 1.3;
  }
}
@media only screen and (min-width: 1024px) {
  [data-component-name="search-active-search"] .product-suggestions .viewRecentlyVisited .title {
    font-size: 13px;
  }
}
[data-component-name="search-active-search"] .product-suggestions [data-component-name="search-products"] {
  display: block;
  overflow: hidden;
}
[data-component-name="search-active-search"] .product-suggestions [data-component-name="search-products"] .item {
  float: left;
}
@media only screen and (max-width: 1023px) {
  [data-component-name="search-active-search"] .product-suggestions [data-component-name="search-products"] .item {
    width: 50%;
    border-left: 1px solid $search-item-border-c;
    border-right: 1px solid $search-item-border-c;
  }
}
@media only screen and (min-width: 1024px) {
  [data-component-name="search-active-search"] .product-suggestions [data-component-name="search-products"] .item {
    width: 23.4%;
    padding: 0 0.3%;
    border: 0;
  }
}
.no-touch [data-component-name="search-active-search"] .product-suggestions [data-component-name="search-products"] .item a:not(.altToLoad):hover .hoverImage,
[data-component-name="search-active-search"] .product-suggestions [data-component-name="search-products"] .item a.wrapper:not(.altToLoad):hover .hoverImage {
  opacity: 1 !important;
}
.no-touch [data-component-name="search-active-search"] .product-suggestions [data-component-name="search-products"] .item a .hoverImage,
[data-component-name="search-active-search"] .product-suggestions [data-component-name="search-products"] .item a.wrapper .hoverImage {
  opacity: 0 !important;
}

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