/* common value, do not edit unless you have global search and confirm it is safe */
/* common value, do not edit unless you have global search and confirm it is safe */
/* Color Theme */
/* Color theme for landing */
/* header scss variable */
/* (Flexbox Mixin Helper) */
/* (Calc Mixin Helper) */
/*  START: Animation Mixin */
/* Clockwise Spinning */
/* Anti-clockwise Spinning */
/*  END: Animation Mixin */
/* line 6, ../../../../../resource/compass/_ui/desktop/common/css/search/search-result-desktop-solr.scss */
select {
  line-height: 28px;
  font-size: 16px;
  min-width: 114px;
  height: 28px;
  border: none;
  background-color: #ebece9;
  border-radius: 2px;
  cursor: pointer;
}

/* line 17, ../../../../../resource/compass/_ui/desktop/common/css/search/search-result-desktop-solr.scss */
input[type="checkbox"] {
  cursor: pointer;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  outline: 0;
  border: 1px solid #cccccc;
  width: 12px;
  height: 12px;
  box-shadow: none;
  border-radius: 2px;
  margin-right: 5px;
}
/* line 30, ../../../../../resource/compass/_ui/desktop/common/css/search/search-result-desktop-solr.scss */
input[type="checkbox"]:checked {
  background-image: url("/_ui/shared/common/svg/common/btnBullet_tick-white.svg");
  background-size: 10px 10px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #36b449;
  border: 1px solid transparent;
}
/* line 38, ../../../../../resource/compass/_ui/desktop/common/css/search/search-result-desktop-solr.scss */
#UIOverlayView input[type="checkbox"] {
  width: 15px;
  height: 15px;
}
/* line 41, ../../../../../resource/compass/_ui/desktop/common/css/search/search-result-desktop-solr.scss */
#UIOverlayView input[type="checkbox"]:checked {
  background-size: 11px 11px;
}

/* line 47, ../../../../../resource/compass/_ui/desktop/common/css/search/search-result-desktop-solr.scss */
#search-result-wrapper-outer,
.productGrid {
  min-height: 400px;
  position: relative;
}
/* line 51, ../../../../../resource/compass/_ui/desktop/common/css/search/search-result-desktop-solr.scss */
#search-result-wrapper-outer #loading_desktop,
.productGrid #loading_desktop {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* line 59, ../../../../../resource/compass/_ui/desktop/common/css/search/search-result-desktop-solr.scss */
.searchTitle {
  margin: 30px 0px 5px;
}
/* line 62, ../../../../../resource/compass/_ui/desktop/common/css/search/search-result-desktop-solr.scss */
.searchTitle span h1 {
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-box-pack: start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}
/* line 69, ../../../../../resource/compass/_ui/desktop/common/css/search/search-result-desktop-solr.scss */
.searchTitle span h1 #ui-icon-simple-arrow {
  margin: 10px 0;
  width: 12px;
  height: 8px;
}
/* line 74, ../../../../../resource/compass/_ui/desktop/common/css/search/search-result-desktop-solr.scss */
.searchTitle span h1 .cat_breadcrumb {
  display: inline-block;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-box-pack: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align-items: center;
  -webkit-align-items: center;
  align-items: center;
}
/* line 80, ../../../../../resource/compass/_ui/desktop/common/css/search/search-result-desktop-solr.scss */
.searchTitle span h1 span {
  margin: 0 10px;
}
/* line 82, ../../../../../resource/compass/_ui/desktop/common/css/search/search-result-desktop-solr.scss */
.searchTitle span h1 span:hover:not(.cat_breadcrumb-disabled) {
  color: #237630;
}

/* line 90, ../../../../../resource/compass/_ui/desktop/common/css/search/search-result-desktop-solr.scss */
.wrapper-content-left {
  width: 210px;
}

/* line 100, ../../../../../resource/compass/_ui/desktop/common/css/search/search-result-desktop-solr.scss */
.productGrid,
#store-hotpicks-container {
  min-height: 300px;
}
/* line 105, ../../../../../resource/compass/_ui/desktop/common/css/search/search-result-desktop-solr.scss */
.productGrid #loading_desktop,
#store-hotpicks-container #loading_desktop {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
/* line 111, ../../../../../resource/compass/_ui/desktop/common/css/search/search-result-desktop-solr.scss */
.productGrid .product-brief-list,
#store-hotpicks-container .product-brief-list {
  width: 963px;
}
/* line 113, ../../../../../resource/compass/_ui/desktop/common/css/search/search-result-desktop-solr.scss */
.productGrid .product-brief-list .product-brief,
#store-hotpicks-container .product-brief-list .product-brief {
  float: left;
  position: relative;
  width: 176px;
  margin-right: 16px;
  margin-bottom: 30px;
}
/* line 120, ../../../../../resource/compass/_ui/desktop/common/css/search/search-result-desktop-solr.scss */
.productGrid .product-brief-list .product-brief .square-wrapper,
#store-hotpicks-container .product-brief-list .product-brief .square-wrapper {
  padding: 4px;
}
/* line 122, ../../../../../resource/compass/_ui/desktop/common/css/search/search-result-desktop-solr.scss */
.productGrid .product-brief-list .product-brief .square-wrapper .square-wrapper__advertisingIcon,
#store-hotpicks-container .product-brief-list .product-brief .square-wrapper .square-wrapper__advertisingIcon {
  position: absolute;
  top: 0;
  right: 0;
  pointer-events: none;
  border-radius: 2px;
  background-color: #f1d834;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  color: #222222;
  padding: 4px 8px;
}
/* line 137, ../../../../../resource/compass/_ui/desktop/common/css/search/search-result-desktop-solr.scss */
.productGrid .product-brief-list .product-brief.isMainlandSamePrice .square-wrapper,
#store-hotpicks-container .product-brief-list .product-brief.isMainlandSamePrice .square-wrapper {
  background: #FFE4DE;
}
/* line 139, ../../../../../resource/compass/_ui/desktop/common/css/search/search-result-desktop-solr.scss */
.productGrid .product-brief-list .product-brief.isMainlandSamePrice .square-wrapper .image-container,
#store-hotpicks-container .product-brief-list .product-brief.isMainlandSamePrice .square-wrapper .image-container {
  background: #FFF;
}
/* line 144, ../../../../../resource/compass/_ui/desktop/common/css/search/search-result-desktop-solr.scss */
.productGrid .product-brief-list .product-brief.isMainlandSamePrice:not(.horizontal) .info-wrapper,
#store-hotpicks-container .product-brief-list .product-brief.isMainlandSamePrice:not(.horizontal) .info-wrapper {
  margin-top: 0;
  padding-top: 10px;
  background: linear-gradient(180deg, #ffe4de 7.12%, #ffffff 38.15%);
}
/* line 19, ../../../../../resource/compass/lib/_hktvMixin.scss */
.productGrid .product-brief-list:after,
#store-hotpicks-container .product-brief-list:after {
  content: " ";
  display: table;
  height: 0;
  clear: both;
}

/* line 156, ../../../../../resource/compass/_ui/desktop/common/css/search/search-result-desktop-solr.scss */
.product-no-result {
  line-height: 45px;
  color: #222;
}
/* line 159, ../../../../../resource/compass/_ui/desktop/common/css/search/search-result-desktop-solr.scss */
.product-no-result .product-no-result-title {
  font-weight: bold;
  font-size: 20px;
}
/* line 163, ../../../../../resource/compass/_ui/desktop/common/css/search/search-result-desktop-solr.scss */
.product-no-result .product-no-result-suggestion {
  margin-bottom: 10px;
}
/* line 165, ../../../../../resource/compass/_ui/desktop/common/css/search/search-result-desktop-solr.scss */
.product-no-result .product-no-result-suggestion .suggestion-title {
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align-items: center;
  -webkit-align-items: center;
  align-items: center;
}
/* line 169, ../../../../../resource/compass/_ui/desktop/common/css/search/search-result-desktop-solr.scss */
.product-no-result .product-no-result-suggestion .suggestion-title #magnifier-thick {
  margin-right: 8px;
}
/* line 173, ../../../../../resource/compass/_ui/desktop/common/css/search/search-result-desktop-solr.scss */
.product-no-result .product-no-result-suggestion h3 {
  font-weight: bold;
  font-size: 20px;
}
/* line 177, ../../../../../resource/compass/_ui/desktop/common/css/search/search-result-desktop-solr.scss */
.product-no-result .product-no-result-suggestion li {
  font-size: 15px;
  font-weight: bold;
  line-height: 21px;
}
/* line 184, ../../../../../resource/compass/_ui/desktop/common/css/search/search-result-desktop-solr.scss */
.product-no-result .no-result-form-container .no-result-form-title,
.product-no-result .no-result-form-container .contact-email-section {
  font-size: 18px;
  font-weight: bold;
  line-height: 21px;
  padding-top: 20px;
}
/* line 191, ../../../../../resource/compass/_ui/desktop/common/css/search/search-result-desktop-solr.scss */
.product-no-result .no-result-form-container textarea,
.product-no-result .no-result-form-container input[name="userEmail"] {
  resize: none;
  width: 600px;
  display: block;
  border: solid 1px #ccc;
  border-radius: 2px;
  font-size: 14px;
  padding: 0 10px;
  color: #222;
  margin: 10px 0;
  cursor: pointer;
}
/* line 203, ../../../../../resource/compass/_ui/desktop/common/css/search/search-result-desktop-solr.scss */
.product-no-result .no-result-form-container textarea:focus, .product-no-result .no-result-form-container textarea:hover,
.product-no-result .no-result-form-container input[name="userEmail"]:focus,
.product-no-result .no-result-form-container input[name="userEmail"]:hover {
  border-color: #36b449;
}
/* line 208, ../../../../../resource/compass/_ui/desktop/common/css/search/search-result-desktop-solr.scss */
.product-no-result .no-result-form-container textarea {
  line-height: 36px;
}
/* line 211, ../../../../../resource/compass/_ui/desktop/common/css/search/search-result-desktop-solr.scss */
.product-no-result .no-result-form-container input[name="userEmail"] {
  padding: 11px 10px;
}
/* line 214, ../../../../../resource/compass/_ui/desktop/common/css/search/search-result-desktop-solr.scss */
.product-no-result .no-result-form-container .no-result-form-submitButton {
  background-color: #36b449;
  color: white;
  height: 32px;
  display: inline-block;
  border-radius: 2px;
  min-width: 128px;
  padding: 0 10px;
  font-size: 14px;
  cursor: pointer;
}
/* line 224, ../../../../../resource/compass/_ui/desktop/common/css/search/search-result-desktop-solr.scss */
.product-no-result .no-result-form-container .no-result-form-submitButton:hover {
  background-color: #2b8939;
}
/* line 229, ../../../../../resource/compass/_ui/desktop/common/css/search/search-result-desktop-solr.scss */
.product-no-result .no-search-result-thankyou,
.product-no-result .no-search-result-error {
  color: #222;
  font-size: 18px;
  line-height: 21px;
  width: 700px;
  text-align: center;
  padding: 10px 0;
}
/* line 237, ../../../../../resource/compass/_ui/desktop/common/css/search/search-result-desktop-solr.scss */
.product-no-result .no-search-result-thankyou img,
.product-no-result .no-search-result-error img {
  width: 263px;
  height: 116px;
  margin-bottom: 10px;
}

/* line 247, ../../../../../resource/compass/_ui/desktop/common/css/search/search-result-desktop-solr.scss */
#product-result .delivery-label-container .deliveryLabel {
  padding-top: 0;
  height: unset;
}
/* line 254, ../../../../../resource/compass/_ui/desktop/common/css/search/search-result-desktop-solr.scss */
#product-result .overseas-delivery-label-container .deliveryLabel {
  padding-top: 0;
  height: unset;
  width: auto;
}

/* line 264, ../../../../../resource/compass/_ui/desktop/common/css/search/search-result-desktop-solr.scss */
.productGrid .product-brief-list .fashion-product-brief-wrapper-solr .product-brief {
  width: 223px;
}
/* line 266, ../../../../../resource/compass/_ui/desktop/common/css/search/search-result-desktop-solr.scss */
.productGrid .product-brief-list .fashion-product-brief-wrapper-solr .product-brief .eeseInfo {
  width: 223px;
}
/* line 273, ../../../../../resource/compass/_ui/desktop/common/css/search/search-result-desktop-solr.scss */
.productGrid .product-brief-list .product-brief .square-wrapper .square-EESE {
  position: absolute;
  top: -4px;
  left: -4px;
  padding: 8px;
  border: 1px solid #d29d6f;
  border-radius: 4px;
  margin-top: 3px;
  margin-left: 3px;
  text-align: center;
  background-color: #ffffff;
  color: #67380f;
}
/* line 285, ../../../../../resource/compass/_ui/desktop/common/css/search/search-result-desktop-solr.scss */
.productGrid .product-brief-list .product-brief .square-wrapper .square-EESE p {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
}
/* line 294, ../../../../../resource/compass/_ui/desktop/common/css/search/search-result-desktop-solr.scss */
.productGrid .product-brief-list .product-brief .eeseInfo {
  background-color: #f6efeb;
  width: 176px;
  border: 2px solid #d29d6f;
}
/* line 299, ../../../../../resource/compass/_ui/desktop/common/css/search/search-result-desktop-solr.scss */
.productGrid .product-brief-list .product-brief .upper-wrapper-EESE {
  margin: 19px 8px 0;
}
/* line 302, ../../../../../resource/compass/_ui/desktop/common/css/search/search-result-desktop-solr.scss */
.productGrid .product-brief-list .product-brief .upper-wrapper-EESE .eese-sku-name {
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  max-height: 64px;
  font-size: 14px;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* line 306, ../../../../../resource/compass/_ui/desktop/common/css/search/search-result-desktop-solr.scss */
.productGrid .product-brief-list .product-brief .upper-wrapper-EESE h4 {
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}
/* line 312, ../../../../../resource/compass/_ui/desktop/common/css/search/search-result-desktop-solr.scss */
.productGrid .product-brief-list .product-brief .lower-wrapper-EESE {
  text-align: left;
  margin-top: 9px;
}
/* line 317, ../../../../../resource/compass/_ui/desktop/common/css/search/search-result-desktop-solr.scss */
.productGrid .product-brief-list .product-brief .lower-wrapper-EESE .price-label .promotional > span {
  font-size: 15px;
}
/* line 321, ../../../../../resource/compass/_ui/desktop/common/css/search/search-result-desktop-solr.scss */
.productGrid .product-brief-list .product-brief .lower-wrapper-EESE .price-label .price {
  margin-top: 5px;
}
/* line 323, ../../../../../resource/compass/_ui/desktop/common/css/search/search-result-desktop-solr.scss */
.productGrid .product-brief-list .product-brief .lower-wrapper-EESE .price-label .price .vip-highlight {
  font-size: 11px;
  padding: 2px 5px;
  display: inline-block;
}
/* line 330, ../../../../../resource/compass/_ui/desktop/common/css/search/search-result-desktop-solr.scss */
.productGrid .product-brief-list .product-brief .lower-wrapper-EESE .go-to-eese {
  width: 117px;
  height: 32px;
  background-color: #e9c3af;
  border-radius: 36px;
  margin-top: 28px;
  margin-right: auto;
  margin-bottom: 25px;
  margin-left: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
/* line 345, ../../../../../resource/compass/_ui/desktop/common/css/search/search-result-desktop-solr.scss */
.productGrid .product-brief-list .product-brief .lower-wrapper-EESE .go-to-button {
  margin-bottom: 2px;
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
  color: #67380f;
}
/* line 19, ../../../../../resource/compass/lib/_hktvMixin.scss */
.productGrid .product-brief-list:after {
  content: " ";
  display: table;
  height: 0;
  clear: both;
}
