/** Shopify CDN: Minification failed

Line 20:0 Unexpected "}"

**/
@font-face {
  font-family: "DINPro-Bold";
  src: url("DINPro-Bold.otf") format("truetype");
  font-display: swap;
  /* Legacy iOS */
}
.search.search-modal__form .field {
  position: relative;
  text-align: center;
}
@media (max-width: 768px)
  .search.search-modal__form .field {
     justify-content: center;
  }
}
.search.search-modal__form .field .search__button {
  position: absolute;
  left: 16px;
  top: 6px;
}
.search.search-modal__form .field .search__button svg {
  width: 17px;
  display: none;
}

.search__input.field__input {
  border: 1px solid var(--grey20);
  background-color: var(--grey20);
  height: 38px;
  width: 100%;
  max-width: 400px;
  padding: 0 10px;
  border-radius: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.search__input.field__input::-webkit-search-decoration, .search__input.field__input::-webkit-search-cancel-button, .search__input.field__input::-webkit-search-results-button, .search__input.field__input::-webkit-search-results-decoration {
  display: none;
}

.search-modal__form .field__label {
  display: none;
}

.header__search .modal__toggle {
  list-style-type: none;
  list-style: none;
  list-style: outside none none;
}

.header__search .modal__toggle::-webkit-details-marker {
  display: none !important;
  list-style-type: none;
  list-style: none;
  list-style: outside none none;
}

.header__search .modal__toggle::marker,
.header__search .modal__toggle::-webkit-details-marker {
  visibility: hidden;
  opacity: 0;
  margin: 0;
  font-size: 0px;
  line-height: 0;
}

.header__search details .icon-close {
  display: none;
}

.header__search details[open] .icon-search {
  display: none;
}

.header__search details[open] .icon-close {
  display: inline-block;
}

predictive-search .predictive-search.predictive-search--search-template,
predictive-search .predictive-search.predictive-search--header {
  display: none;
}

predictive-search[open=true] .predictive-search.predictive-search--search-template,
predictive-search[open=true] .predictive-search.predictive-search--header {
  display: none;
}

.predictive-search.predictive-search--header {
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: var(--brand-color-1);
  border: 1px solid var(--brand-color-2);
}

.search-modal__close-button {
  display: none;
}

.predictive-search__list-item {
  text-align: left;
}

.predictive-search__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.predictive-search__image {
  margin-right: 10px;
}

/************Search page****************/
.template-search__search .search .field {
  position: relative;
  max-width: 450px;
  margin: auto;
}
.template-search__search .search .field .field__input {
  max-width: 100%;
  padding-left: 10px;
}
.template-search__search .search .field .field__button {
  position: absolute;
  right: 10px;
  top: 7px;
}
.template-search__search .search .field .predictive-search {
  position: absolute;
  left: 0;
  padding: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  top: 38px;
  z-index: 10;
  width: 100%;
  background-color: #fff;
  border: 1px solid var(--brand-color-2);
}
.template-search__search .search .field .predictive-search .predictive-search__item {
  width: 100%;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

#ProductGridContainer {
  margin-left: auto;
  margin-right: auto;
}

/******Loadin spiner*******/
predictive-search[open] .predictive-search,
predictive-search[loading] .predictive-search {
  display: block;
}

.predictive-search__heading {
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

predictive-search .spinner {
  width: 20px;
  height: 20px;
  line-height: 0;
}

.spinner {
  -webkit-animation: rotator 1.4s linear infinite;
          animation: rotator 1.4s linear infinite;
}
.spinner .path {
  stroke-dasharray: 280;
  stroke-dashoffset: 0;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  stroke: var(--brand-color-1);
  -webkit-animation: dash 1.4s ease-in-out infinite;
          animation: dash 1.4s ease-in-out infinite;
}

predictive-search:not([loading]) .predictive-search__heading .spinner,
predictive-search:not([loading]) .predictive-search__loading-state,
predictive-search:not([loading]) .predictive-search-status__loading {
  display: none;
}

predictive-search[loading] .predictive-search__loading-state {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 1rem;
}

predictive-search[loading] .predictive-search__heading ~ .predictive-search__loading-state,
predictive-search[loading] .predictive-search__results-list:first-child {
  display: none;
}