/* 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/slick-product-brief.scss */
.slick-product-brief-container {
  height: 320px;
}
/* line 10, ../../../../resource/compass/_ui/desktop/common/css/slick-product-brief.scss */
.slick-product-brief-container:empty {
  display: none;
}
/* line 17, ../../../../resource/compass/_ui/desktop/common/css/slick-product-brief.scss */
.slick-product-brief-container .slick-slider .slick-list {
  margin: 0 -11px;
}
/* line 19, ../../../../resource/compass/_ui/desktop/common/css/slick-product-brief.scss */
.slick-product-brief-container .slick-slider .slick-list .slick-slide {
  margin: 0 15px;
  width: 149px;
}
/* line 22, ../../../../resource/compass/_ui/desktop/common/css/slick-product-brief.scss */
.slick-product-brief-container .slick-slider .slick-list .slick-slide .viewAll {
  margin: 0;
}
/* line 30, ../../../../resource/compass/_ui/desktop/common/css/slick-product-brief.scss */
.slick-product-brief-container .bnArrowLeft {
  position: absolute;
  top: 50%;
  left: -49px;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url(/_ui/shared/common/images/sprite/sfpi-s6ab2cd438e.png);
  background-position: 0 -32px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 30px;
  width: 18px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 30, ../../../../resource/compass/_ui/desktop/common/css/slick-product-brief.scss */
  .slick-product-brief-container .bnArrowLeft {
    background-image: url(/_ui/shared/common/images/sprite/sfpi-2x-s242f76fdb7.png);
    background-size: 18px 155px;
    background-position: 0 -31px;
    height: 30px;
    width: 18px;
  }
}
/* line 36, ../../../../resource/compass/_ui/desktop/common/css/slick-product-brief.scss */
.slick-product-brief-container .bnArrowLeft:hover {
  background-image: url(/_ui/shared/common/images/sprite/sfpi-s6ab2cd438e.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 30px;
  width: 18px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 36, ../../../../resource/compass/_ui/desktop/common/css/slick-product-brief.scss */
  .slick-product-brief-container .bnArrowLeft:hover {
    background-image: url(/_ui/shared/common/images/sprite/sfpi-2x-s242f76fdb7.png);
    background-size: 18px 155px;
    background-position: 0 0;
    height: 30px;
    width: 18px;
  }
}
/* line 40, ../../../../resource/compass/_ui/desktop/common/css/slick-product-brief.scss */
.slick-product-brief-container .bnArrowRight {
  position: absolute;
  top: 50%;
  right: -49px;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url(/_ui/shared/common/images/sprite/sfpi-s6ab2cd438e.png);
  background-position: 0 -96px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 30px;
  width: 18px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 40, ../../../../resource/compass/_ui/desktop/common/css/slick-product-brief.scss */
  .slick-product-brief-container .bnArrowRight {
    background-image: url(/_ui/shared/common/images/sprite/sfpi-2x-s242f76fdb7.png);
    background-size: 18px 155px;
    background-position: 0 -93px;
    height: 30px;
    width: 18px;
  }
}
/* line 46, ../../../../resource/compass/_ui/desktop/common/css/slick-product-brief.scss */
.slick-product-brief-container .bnArrowRight:hover {
  background-image: url(/_ui/shared/common/images/sprite/sfpi-s6ab2cd438e.png);
  background-position: 0 -64px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 30px;
  width: 18px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 46, ../../../../resource/compass/_ui/desktop/common/css/slick-product-brief.scss */
  .slick-product-brief-container .bnArrowRight:hover {
    background-image: url(/_ui/shared/common/images/sprite/sfpi-2x-s242f76fdb7.png);
    background-size: 18px 155px;
    background-position: 0 -62px;
    height: 30px;
    width: 18px;
  }
}
/* line 53, ../../../../resource/compass/_ui/desktop/common/css/slick-product-brief.scss */
.slick-product-brief-container .sfpiRecommendation .titleWrapper {
  display: inline-block;
}
/* line 19, ../../../../resource/compass/lib/_hktvMixin.scss */
.slick-product-brief-container .sfpiRecommendation .titleWrapper:after {
  content: " ";
  display: table;
  height: 0;
  clear: both;
}
/* line 56, ../../../../resource/compass/_ui/desktop/common/css/slick-product-brief.scss */
.slick-product-brief-container .sfpiRecommendation .titleWrapper .title {
  float: left;
  font-weight: bold;
  display: inline-block;
  white-space: nowrap;
  width: 100%;
  max-height: 20px;
  font-size: 18px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 1000px;
  width: auto;
}
/* line 69, ../../../../resource/compass/_ui/desktop/common/css/slick-product-brief.scss */
.slick-product-brief-container .BMSM-brief-btn .sepaButton {
  min-width: auto;
}
/* line 73, ../../../../resource/compass/_ui/desktop/common/css/slick-product-brief.scss */
.slick-product-brief-container .BMSM-brief-btn .sepaButton .spriteWrapper > i:first-of-type {
  margin: 0 4px;
}
/* line 77, ../../../../resource/compass/_ui/desktop/common/css/slick-product-brief.scss */
.slick-product-brief-container .BMSM-brief-btn .sepaButton > span:first-of-type {
  padding: 0 4px;
}
/* line 81, ../../../../resource/compass/_ui/desktop/common/css/slick-product-brief.scss */
.slick-product-brief-container .product-brief.BMSM {
  border: none;
}
/* line 83, ../../../../resource/compass/_ui/desktop/common/css/slick-product-brief.scss */
.slick-product-brief-container .product-brief.BMSM .saveMore {
  left: 116px;
}
/* line 86, ../../../../resource/compass/_ui/desktop/common/css/slick-product-brief.scss */
.slick-product-brief-container .product-brief.BMSM .bottom-button-wrapper {
  height: 47px;
}
/* line 91, ../../../../resource/compass/_ui/desktop/common/css/slick-product-brief.scss */
.slick-product-brief-container .saveMore {
  left: 111px;
}
/* line 94, ../../../../resource/compass/_ui/desktop/common/css/slick-product-brief.scss */
.slick-product-brief-container .slick-slider .slick-list {
  margin: 0px -11px 0px 30px;
  width: 870px;
}
/* line 99, ../../../../resource/compass/_ui/desktop/common/css/slick-product-brief.scss */
.slick-product-brief-container .slick-slide .product-brief.BMSM-brief-btn .popUpMenuContainer {
  transform-origin: 50% 320px;
  -webkit-transform-origin: 50% 320px;
  -ms-transform-origin: 50% 320px;
  -moz-transform-origin: 50% 320px;
}
/* line 105, ../../../../resource/compass/_ui/desktop/common/css/slick-product-brief.scss */
.slick-product-brief-container .slick-slide.first .product-brief.BMSM-brief-btn .popUpMenuContainer {
  transform-origin: 30% 320px;
  -webkit-transform-origin: 30% 320px;
  -ms-transform-origin: 30% 320px;
  -moz-transform-origin: 30% 320px;
}
/* line 111, ../../../../resource/compass/_ui/desktop/common/css/slick-product-brief.scss */
.slick-product-brief-container .slick-slide.last .product-brief.BMSM-brief-btn .popUpMenuContainer {
  transform-origin: 70% 320px;
  -webkit-transform-origin: 70% 320px;
  -ms-transform-origin: 70% 320px;
  -moz-transform-origin: 70% 320px;
}