/* 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 9, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
.bg_MixnMatchPriceBar_1 {
  background-image: url(/_ui/desktop/common/images/sprite/promotion-s670ac720f8.png);
  background-position: 0 -126px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 24px;
  width: 64px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 9, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
  .bg_MixnMatchPriceBar_1 {
    background-image: url(/_ui/desktop/common/images/sprite/promotion-2x-s285bf3cc8b.png);
    background-size: 125px 150px;
    background-position: 0 -126px;
    height: 24px;
    width: 64px;
  }
}
/* line 11, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
.bg_MixnMatchPriceBar_1.filled {
  background-image: url(/_ui/desktop/common/images/sprite/promotion-s670ac720f8.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 24px;
  width: 64px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 11, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
  .bg_MixnMatchPriceBar_1.filled {
    background-image: url(/_ui/desktop/common/images/sprite/promotion-2x-s285bf3cc8b.png);
    background-size: 125px 150px;
    background-position: 0 0;
    height: 24px;
    width: 64px;
  }
}

/* line 16, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
.bg_MixnMatchPriceBar_2 {
  background-image: url(/_ui/desktop/common/images/sprite/promotion-s670ac720f8.png);
  background-position: 0 -30px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 24px;
  width: 125px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 16, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
  .bg_MixnMatchPriceBar_2 {
    background-image: url(/_ui/desktop/common/images/sprite/promotion-2x-s285bf3cc8b.png);
    background-size: 125px 150px;
    background-position: 0 -30px;
    height: 24px;
    width: 125px;
  }
}
/* line 18, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
.bg_MixnMatchPriceBar_2.filled {
  background-image: url(/_ui/desktop/common/images/sprite/promotion-s670ac720f8.png);
  background-position: 0 -54px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 24px;
  width: 125px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 18, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
  .bg_MixnMatchPriceBar_2.filled {
    background-image: url(/_ui/desktop/common/images/sprite/promotion-2x-s285bf3cc8b.png);
    background-size: 125px 150px;
    background-position: 0 -54px;
    height: 24px;
    width: 125px;
  }
}

/* line 23, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
.bg_MixnMatchPriceBar_3 {
  background-image: url(/_ui/desktop/common/images/sprite/promotion-s670ac720f8.png);
  background-position: 0 -102px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 24px;
  width: 125px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 23, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
  .bg_MixnMatchPriceBar_3 {
    background-image: url(/_ui/desktop/common/images/sprite/promotion-2x-s285bf3cc8b.png);
    background-size: 125px 150px;
    background-position: 0 -102px;
    height: 24px;
    width: 125px;
  }
}
/* line 25, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
.bg_MixnMatchPriceBar_3.filled {
  background-image: url(/_ui/desktop/common/images/sprite/promotion-s670ac720f8.png);
  background-position: 0 -78px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 24px;
  width: 125px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 25, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
  .bg_MixnMatchPriceBar_3.filled {
    background-image: url(/_ui/desktop/common/images/sprite/promotion-2x-s285bf3cc8b.png);
    background-size: 125px 150px;
    background-position: 0 -78px;
    height: 24px;
    width: 125px;
  }
}

/* line 34, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
.icMnMAlertbrown {
  background-image: url(/_ui/desktop/common/images/sprite/sprite1511-s6c86c57acc.png);
  background-position: -517px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 20px;
  width: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 34, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
  .icMnMAlertbrown {
    background-image: url(/_ui/desktop/common/images/sprite/sprite1511-2x-s50e7106e33.png);
    background-size: 1189px 180px;
    background-position: -517px 0;
    height: 20px;
    width: 20px;
  }
}

/*move to general.scss after search page on production*/
/* line 39, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
.imageWrapper {
  position: relative;
  background: white;
  padding-top: 100%;
}
/* line 43, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
.imageWrapper .imgContainer {
  position: absolute;
  top: 0;
  left: 0;
}

/* line 50, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#promotion-header {
  margin: 20px 0px;
  font-size: 24px;
  font-weight: 800;
  line-height: 25px;
  color: #e4483f;
}
/* line 57, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#promotion-header .promotion-title-name {
  padding: 10px 0;
}
/* line 60, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#promotion-header .promotion-title-descriptionWrapper {
  position: relative;
  padding: 10px 0;
  font-size: 18px;
  line-height: 18px;
  color: #222222;
}
/* line 67, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#promotion-header .promotion-title-descriptionWrapper > * {
  float: left;
}
/* line 70, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#promotion-header .promotion-title-descriptionWrapper .promotion-title-description {
  max-width: 1100px;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* line 71, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#promotion-header .promotion-title-descriptionWrapper .promotion-freegift-container {
  width: 65px;
  height: 65px;
  border: 1px solid #ccc;
  margin-right: 10px;
  box-sizing: content-box;
  background-color: white;
  position: relative;
}
/* line 80, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#promotion-header .promotion-title-descriptionWrapper .promotion-freegift-container:hover {
  opacity: 0.8;
}
/* line 84, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#promotion-header .promotion-title-descriptionWrapper .promotion-freegift-container .freegift-overlay {
  position: absolute;
  left: 2px;
  bottom: 0;
  padding: 0 2px;
  font-size: 13px;
  color: #ffffff;
  line-height: 20px;
  background: #e4483f;
  border-radius: 2px 2px 0 0;
}
/* line 96, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#promotion-header .promotion-title-descriptionWrapper .promotion-freegift-container > .imageWrapper {
  display: block;
  width: 100%;
  height: 100%;
}
/* line 101, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#promotion-header .promotion-title-descriptionWrapper .promotion-freegift-container > .imageWrapper > img {
  display: block;
  margin: 0px auto;
  max-width: 65px;
  max-height: 65px;
}
/* line 110, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#promotion-header .promotion-title-descriptionWrapper:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #ccc;
}
/* line 120, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#promotion-header .promotion-title-descriptionWrapper:after {
  content: '';
  clear: both;
  display: block;
}

/* line 128, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#promotion-user-info {
  padding: 0 25px;
  background-color: #f8f9fa;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
  position: relative;
  z-index: 3;
}
/* line 136, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#promotion-user-info .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #f8f9fa;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease;
}
/* line 147, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#promotion-user-info .overlay.active {
  opacity: 0.9;
}
/* line 151, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#promotion-user-info .overlay.visible {
  visibility: visible;
}
/* line 155, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#promotion-user-info .overlay .text-box {
  font-weight: 800;
  font-size: 18px;
  line-height: 18px;
  color: #8a3f22;
  text-align: center;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
/* line 168, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#promotion-user-info .overlay .text-box > * {
  vertical-align: middle;
  margin-left: 10px;
}
/* line 173, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#promotion-user-info .overlay .text-box:before {
  content: '';
  vertical-align: middle;
  background-image: url(/_ui/desktop/common/images/sprite/sprite1511-s6c86c57acc.png);
  background-position: -517px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 20px;
  width: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 173, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
  #promotion-user-info .overlay .text-box:before {
    background-image: url(/_ui/desktop/common/images/sprite/sprite1511-2x-s50e7106e33.png);
    background-size: 1189px 180px;
    background-position: -517px 0;
    height: 20px;
    width: 20px;
  }
}
/* line 181, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#promotion-user-info .productSquare {
  float: left;
  margin-right: 8px;
  margin-top: 12px;
}
/* line 185, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#promotion-user-info .productSquare:nth-child(-n+13) {
  margin-top: 8px;
}
/* line 190, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#promotion-user-info .productSquare {
  position: relative;
  width: 50px;
  transition: border 0.13s linear 0.1s;
}
/* line 196, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#promotion-user-info .productSquare.hasProduct a {
  border: #e4c910 1px solid;
}
/* line 201, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#promotion-user-info .productSquare.hasProduct:hover a {
  border: #ccc 1px solid;
}
/* line 205, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#promotion-user-info .productSquare.hasProduct:hover .remove-promotion-product {
  visibility: visible;
  opacity: 1;
}
/* line 211, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#promotion-user-info .productSquare.hasProduct .remove-promotion-product:hover + a {
  border: #e4483f 1px solid;
}
/* line 216, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#promotion-user-info .productSquare .remove-promotion-product {
  position: absolute;
  top: -8px;
  right: -5px;
  visibility: hidden;
  opacity: 0;
  cursor: pointer;
  z-index: 2;
  background-image: url(/_ui/desktop/common/images/sprite/sprite1511-s6c86c57acc.png);
  background-position: -357px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 20px;
  width: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 216, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
  #promotion-user-info .productSquare .remove-promotion-product {
    background-image: url(/_ui/desktop/common/images/sprite/sprite1511-2x-s50e7106e33.png);
    background-size: 1189px 180px;
    background-position: -357px 0;
    height: 20px;
    width: 20px;
  }
}
/* line 227, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#promotion-user-info .productSquare .remove-promotion-product:hover {
  background-image: url(/_ui/desktop/common/images/sprite/sprite1511-s6c86c57acc.png);
  background-position: -297px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 20px;
  width: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 227, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
  #promotion-user-info .productSquare .remove-promotion-product:hover {
    background-image: url(/_ui/desktop/common/images/sprite/sprite1511-2x-s50e7106e33.png);
    background-size: 1189px 180px;
    background-position: -297px 0;
    height: 20px;
    width: 20px;
  }
}
/* line 232, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#promotion-user-info .productSquare span {
  display: block;
  width: 100%;
  background-color: #FFFFFF;
  border: #e4c910 1px solid;
  vertical-align: middle;
  color: #8A3F22;
  line-height: 48px;
  text-align: center;
  font-weight: 700;
  font-size: 24px;
}
/* line 245, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#promotion-user-info .productSquare.target-level span {
  background-color: #FFEE08;
}
/* line 249, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#promotion-user-info .productSquare .imageWrapper {
  display: block;
  padding-top: 48px;
}
/* line 255, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#promotion-user-info #promotion-progress-cart-wrapper {
  padding-bottom: 10px;
  position: relative;
}
/* line 259, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#promotion-user-info #promotion-progress-cart-wrapper #expandButton, #promotion-user-info #promotion-progress-cart-wrapper #hiddenButton {
  position: absolute;
  bottom: 10px;
  right: 0;
  height: 30px;
  width: 82px;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  color: #8a3f22;
  background: #ffee08;
  border: 1px solid #e4c901;
  border-radius: 3px;
}
/* line 275, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#promotion-user-info #promotion-progress-cart-wrapper #expandButton:hover, #promotion-user-info #promotion-progress-cart-wrapper #hiddenButton:hover {
  background: #e4c910;
}
/* line 279, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#promotion-user-info #promotion-progress-cart-wrapper #expandButton > *, #promotion-user-info #promotion-progress-cart-wrapper #hiddenButton > * {
  display: inline-block;
  vertical-align: middle;
}
/* line 284, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#promotion-user-info #promotion-progress-cart-wrapper #expandButton .triangle, #promotion-user-info #promotion-progress-cart-wrapper #hiddenButton .triangle {
  background-image: url(/_ui/desktop/common/images/sprite/promotion-s670ac720f8.png);
  background-position: -64px -126px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 7px;
  width: 12px;
  margin-left: 5px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 284, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
  #promotion-user-info #promotion-progress-cart-wrapper #expandButton .triangle, #promotion-user-info #promotion-progress-cart-wrapper #hiddenButton .triangle {
    background-image: url(/_ui/desktop/common/images/sprite/promotion-2x-s285bf3cc8b.png);
    background-size: 125px 150px;
    background-position: -64px -126px;
    height: 7px;
    width: 12px;
  }
}
/* line 290, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#promotion-user-info #promotion-progress-cart-wrapper > :after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
/* line 297, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#promotion-user-info #promotion-progress-cart-wrapper #promotion-progress-container {
  padding-top: 15px;
}
/* line 300, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#promotion-user-info #promotion-progress-cart-wrapper #promotion-progress-container #promotion-progress-bar {
  width: 100%;
  height: 24px;
  border: 1px solid #E4C910;
  padding: 0px;
  background-color: #ffffff;
  border-radius: 5px;
}
/* line 308, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#promotion-user-info #promotion-progress-cart-wrapper #promotion-progress-container #promotion-progress-bar > #promotion-progress {
  height: 100%;
  width: 0%;
  background-color: #ffee08;
}
/* line 317, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#promotion-user-info #promotion-progress-cart-wrapper #promotion-products-in-cart {
  max-height: 184px;
  width: 780px;
  overflow: auto;
  margin-top: 6px;
  transition: max-height 0.4s ease-in-out;
}
/* line 324, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#promotion-user-info #promotion-progress-cart-wrapper #promotion-products-in-cart.hidden {
  max-height: 61px;
  overflow: hidden;
}
/* line 331, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#promotion-user-info #promotion-discount-info {
  position: relative;
  height: 46px;
}
/* line 335, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#promotion-user-info #promotion-discount-info:before {
  content: '';
  position: absolute;
  height: 1px;
  width: 100%;
  top: 0;
  left: 0;
  background: #ccc;
}
/* line 345, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#promotion-user-info #promotion-discount-info #promotion-discount-info-container {
  position: relative;
  display: inline-block;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
/* line 353, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#promotion-user-info #promotion-discount-info #promotion-discount-info-container > * {
  float: left;
  font-size: 18px;
  line-height: 18px;
  font-weight: 700;
  color: #8a3f22;
  max-width: 150px;
}
/* line 362, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#promotion-user-info #promotion-discount-info #promotion-discount-info-container:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
/* line 370, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#promotion-user-info #promotion-discount-info #promotion-name {
  max-width: 620px;
}
/* line 373, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#promotion-user-info #promotion-discount-info #promotion-status {
  margin-left: 20px;
  font-size: 15px;
  color: #666666;
  max-width: 620px;
}
/* line 379, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#promotion-user-info #promotion-discount-info #promotion-name {
  margin-left: 20px;
  font-size: 15px;
  color: #666666;
}
/* line 385, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#promotion-user-info #promotion-discount-info #discounted-value-container {
  float: right;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
/* line 393, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#promotion-user-info #promotion-discount-info #discounted-value-container .bg_MixnMatchPricetag {
  background-image: url(/_ui/desktop/common/images/sprite/promotion-s670ac720f8.png);
  background-position: -64px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 30px;
  width: 15px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 393, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
  #promotion-user-info #promotion-discount-info #discounted-value-container .bg_MixnMatchPricetag {
    background-image: url(/_ui/desktop/common/images/sprite/promotion-2x-s285bf3cc8b.png);
    background-size: 125px 150px;
    background-position: -64px 0;
    height: 30px;
    width: 15px;
  }
}
/* line 397, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#promotion-user-info #promotion-discount-info #discounted-value-container > i {
  vertical-align: middle;
}
/* line 400, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#promotion-user-info #promotion-discount-info #discounted-value-container > span {
  display: inline-block;
  line-height: 30px;
  vertical-align: middle;
  height: 30px;
  font-size: 18px;
  color: #ffee08;
  background: #e4483f;
  padding-left: 1px;
  padding-right: 5px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

/* line 418, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#purchase-amount,
#discounted-value {
  white-space: nowrap;
}

/* line 425, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#promotion-progress-mark-container {
  position: relative;
}
/* line 428, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#promotion-progress-mark-container > .promotion-progress-mark {
  position: absolute;
  content: '';
  top: -24px;
  display: none;
}
/* line 434, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#promotion-progress-mark-container > .promotion-progress-mark:first-child {
  left: -1px;
}
/* line 438, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#promotion-progress-mark-container > .promotion-progress-mark:not(:only-child):last-child {
  right: 0;
}
/* line 444, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#promotion-progress-mark-container > .promotion-progress-mark:not(:first-child) .promotion-progress-mark-label:before {
  content: '';
  background-image: url(/_ui/desktop/common/images/sprite/sprite1511-s6c86c57acc.png);
  background-position: -259px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 18px;
  width: 18px;
  position: relative;
  top: 3px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 444, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
  #promotion-progress-mark-container > .promotion-progress-mark:not(:first-child) .promotion-progress-mark-label:before {
    background-image: url(/_ui/desktop/common/images/sprite/sprite1511-2x-s50e7106e33.png);
    background-size: 1189px 180px;
    background-position: -259px 0;
    height: 18px;
    width: 18px;
  }
}
/* line 452, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#promotion-progress-mark-container > .promotion-progress-mark .promotion-progress-mark-label {
  position: relative;
  left: 12px;
  line-height: 24px;
  font-size: 16px;
  font-weight: 800;
  color: #8a3f22;
}

/* line 463, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#product-result .product-result-section {
  width: 100%;
  overflow: hidden;
  padding: 5px 0px;
  display: none;
}

/* line 471, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#product-result .product-result-section * {
  line-height: 25px;
  vertical-align: middle;
}

/* line 476, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#product-result .product-result-section > * {
  float: left;
  padding: 5px 10px;
}

/* line 481, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#product-result .product-result-section > :first-child {
  padding-left: 0px;
}

/* line 485, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#product-result .product-result-section > :last-child {
  padding-right: 0px;
}

/* line 489, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#product-result #product-result-count-container {
  font-size: 14px;
  font-weight: bold;
}

/* line 494, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#product-result .product-result-pagination {
  float: right;
}

/* line 498, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#product-result .product-result-pagination * {
  display: inline-block;
}

/* line 502, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#product-result .product-result-pagination .page {
  background-color: white;
  border: 1px solid #555555;
  text-align: center;
  padding: 0px 8px;
  margin: 0px 5px;
}

/* line 510, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#product-result .product-result-pagination .page:first-child {
  margin-left: 0px;
}

/* line 514, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#product-result .product-result-pagination .page:last-child {
  margin-right: 0px;
}

/* line 518, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#product-result .product-result-pagination span {
  font-size: 20px;
}

/* line 522, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#product-result .product-result-pagination .page.current,
#product-result .product-result-pagination .page:hover {
  background-color: #3da631;
  color: white;
}

/* line 528, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#product-result .product-result-pagination .page:active {
  opacity: 0.5;
}

/* line 532, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#product-result .product-result-pagination > .product-result-pagination-previous {
  background-image: url("/_ui/desktop/common/images/ic-arrow-previous.png");
  background-repeat: no-repeat;
  background-position: 15% 50%;
  padding-left: 25px;
  margin: 0px 10px 0px 0px;
}

/* line 540, ../../../../resource/compass/_ui/desktop/common/css/promotionlanding.scss */
#product-result .product-result-pagination > .product-result-pagination-next {
  background-image: url("/_ui/desktop/common/images/ic-arrow-next.png");
  background-repeat: no-repeat;
  background-position: 85% 50%;
  padding-right: 25px;
  margin: 0px 0px 0px 10px;
}