@charset "UTF-8";
/* 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/recentlyView.scss */
.footer .footer-section .recently-viewed .recently-view-footer .recently-view-list .recently-view-slider .productBox .imageWrapper, #pdpRecentlyView .slick-slider .productBox .imageWrapper, #pdpRecentlyView .slider .slick-track .productBox .imageWrapper {
  position: relative;
  background: white;
  padding-top: 100%;
}
/* line 13, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
.footer .footer-section .recently-viewed .recently-view-footer .recently-view-list .recently-view-slider .productBox .imageWrapper .imgContainer, #pdpRecentlyView .slick-slider .productBox .imageWrapper .imgContainer, #pdpRecentlyView .slider .slick-track .productBox .imageWrapper .imgContainer {
  position: absolute;
  top: 0;
  left: 0;
}

/*HKTVAD-223 recently View*/
/* line 24, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
.footer .footer-section .recently-viewed .recently-view-footer .fixedWidthHeight {
  width: 1188px;
  height: 252px;
  margin: 0 auto;
}
/* line 29, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
.footer .footer-section .recently-viewed .recently-view-footer .recently-view-head {
  height: 31px;
  position: relative;
}
/* line 30, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
.footer .footer-section .recently-viewed .recently-view-footer .recently-view-head .container-frame-b {
  position: relative;
}
/* line 35, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
.footer .footer-section .recently-viewed .recently-view-footer .recently-view-head .center {
  text-align: center;
}
/* line 37, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
.footer .footer-section .recently-viewed .recently-view-footer .recently-view-head .center .recently-view-t, .footer .footer-section .recently-viewed .recently-view-footer .recently-view-head .center .recently-view-number {
  font-size: 16px;
  font-weight: bold;
  line-height: 16px;
}
/* line 42, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
.footer .footer-section .recently-viewed .recently-view-footer .recently-view-head .center .recentlyViewClearAll {
  position: absolute;
  right: 0;
  top: 0;
}
/* line 47, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
.footer .footer-section .recently-viewed .recently-view-footer .recently-view-head .center .recentlyViewClearAll .clearAllText {
  font-size: 16px;
  line-height: 16px;
  cursor: pointer;
}
/* line 52, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
.footer .footer-section .recently-viewed .recently-view-footer .recently-view-head .center .recentlyViewClearAll:hover {
  text-decoration: underline;
}
/* line 61, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
.footer .footer-section .recently-viewed .recently-view-footer .recently-view-list {
  padding: 0 0;
}
/* line 63, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
.footer .footer-section .recently-viewed .recently-view-footer .recently-view-list .recently-view-slider {
  /*productBox*/
}
/* line 66, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
.footer .footer-section .recently-viewed .recently-view-footer .recently-view-list .recently-view-slider .slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
  left: -10px;
}
/* line 78, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
.footer .footer-section .recently-viewed .recently-view-footer .recently-view-list .recently-view-slider .slick-dots li.slick-active button:before {
  opacity: .75;
  color: #FFF;
}
/* line 84, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
.footer .footer-section .recently-viewed .recently-view-footer .recently-view-list .recently-view-slider .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
/* line 97, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
.footer .footer-section .recently-viewed .recently-view-footer .recently-view-list .recently-view-slider .slick-dots li button:before {
  font-family: slick;
  font-size: 35px;
  line-height: 20px;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  opacity: 0.25;
  color: #FFF;
  -webkit-font-smoothing: antialiased;
}
/* line 117, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
.footer .footer-section .recently-viewed .recently-view-footer .recently-view-list .recently-view-slider .btnSliderPrevMedium {
  position: absolute;
  left: -56px;
  top: 45px;
}
/* line 122, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
.footer .footer-section .recently-viewed .recently-view-footer .recently-view-list .recently-view-slider .btnSliderNextMedium {
  position: absolute;
  right: -56px;
  top: 45px;
}
/* line 128, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
.footer .footer-section .recently-viewed .recently-view-footer .recently-view-list .recently-view-slider .productBox {
  position: relative;
  margin: 10px 10px;
}
/* line 132, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
.footer .footer-section .recently-viewed .recently-view-footer .recently-view-list .recently-view-slider .productBox .iconWrapper {
  display: none;
  position: absolute;
  top: -10px;
  right: -10px;
}
/* line 137, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
.footer .footer-section .recently-viewed .recently-view-footer .recently-view-list .recently-view-slider .productBox .iconWrapper i {
  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 137, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
  .footer .footer-section .recently-viewed .recently-view-footer .recently-view-list .recently-view-slider .productBox .iconWrapper i {
    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 141, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
.footer .footer-section .recently-viewed .recently-view-footer .recently-view-list .recently-view-slider .productBox .imageWrapper {
  display: block;
}
/* line 144, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
.footer .footer-section .recently-viewed .recently-view-footer .recently-view-list .recently-view-slider .productBox .imageWrapper:hover {
  box-shadow: 0 0 0 2px #ccc;
}
/* line 150, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
.footer .footer-section .recently-viewed .recently-view-footer .recently-view-list .recently-view-slider .productBox:hover .iconWrapper {
  display: block;
  z-index: 1;
}
/* line 155, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
.footer .footer-section .recently-viewed .recently-view-footer .recently-view-list .recently-view-slider .productBox:hover .iconWrapper:hover + .imageWrapper {
  display: block;
  box-shadow: 0 0 0 2px #e4483f;
}
/* line 159, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
.footer .footer-section .recently-viewed .recently-view-footer .recently-view-list .recently-view-slider .productBox:hover .iconWrapper:hover i {
  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 159, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
  .footer .footer-section .recently-viewed .recently-view-footer .recently-view-list .recently-view-slider .productBox:hover .iconWrapper:hover i {
    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 168, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
.footer .footer-section .recently-viewed .recently-view-footer .recently-view-list .recently-view-slider .productBox .pdtNameWrapper {
  margin-top: 5px;
}
/* line 171, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
.footer .footer-section .recently-viewed .recently-view-footer .recently-view-list .recently-view-slider .productBox .pdtNameWrapper .brand-product-name > span {
  color: #FFF;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 45px;
  font-size: 13px;
  line-height: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-style: normal;
}
/* line 182, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
.footer .footer-section .recently-viewed .recently-view-footer .recently-view-list .recently-view-slider:empty + .noMoreProductIconWrapper {
  display: block;
}
/* line 189, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
.footer .footer-section .recently-viewed .recently-view-footer .recently-view-list .noMoreProductIconWrapper {
  line-height: 232px;
  display: none;
}
/* line 193, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
.footer .footer-section .recently-viewed .recently-view-footer .recently-view-list .noMoreProductIconWrapper i {
  vertical-align: middle;
  background-image: url(/_ui/desktop/common/images/sprite/sprite1511-s6c86c57acc.png);
  background-position: -996px 0;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 26px;
  width: 26px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 193, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
  .footer .footer-section .recently-viewed .recently-view-footer .recently-view-list .noMoreProductIconWrapper i {
    background-image: url(/_ui/desktop/common/images/sprite/sprite1511-2x-s50e7106e33.png);
    background-size: 1189px 180px;
    background-position: -996px 0;
    height: 26px;
    width: 26px;
  }
}
/* line 197, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
.footer .footer-section .recently-viewed .recently-view-footer .recently-view-list .noMoreProductIconWrapper .alertNoRecord {
  vertical-align: middle;
  margin-left: 10px;
  font-size: 18px;
  font-weight: bold;
}

/*HKTVAD-207 pdp fashion landing*/
/* line 213, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
.street-fashion #pdpRecentlyView {
  margin-top: 20px;
  width: 1188px;
}
/* line 216, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
.street-fashion #pdpRecentlyView .slider {
  left: 71px;
  width: 1050px;
}
/* line 219, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
.street-fashion #pdpRecentlyView .slider:not(.scrolled) {
  left: 0;
  width: 1188px;
}
/* line 223, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
.street-fashion #pdpRecentlyView .slider .slick-track {
  /*productBox*/
}
/* line 224, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
.street-fashion #pdpRecentlyView .slider .slick-track .productBox {
  position: relative;
  margin: 10px 10px;
}
/* line 229, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
.street-fashion #pdpRecentlyView .slider .slick-track .productBox .iconWrapper {
  display: none;
  position: absolute;
  top: -10px;
  right: -10px;
}
/* line 234, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
.street-fashion #pdpRecentlyView .slider .slick-track .productBox .iconWrapper i {
  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 234, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
  .street-fashion #pdpRecentlyView .slider .slick-track .productBox .iconWrapper i {
    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 238, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
.street-fashion #pdpRecentlyView .slider .slick-track .productBox .imageWrapper {
  display: block;
  border: solid 1px #FFF;
}
/* line 241, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
.street-fashion #pdpRecentlyView .slider .slick-track .productBox .imageWrapper:hover {
  border: solid 1px #ccc;
}
/* line 247, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
.street-fashion #pdpRecentlyView .slider .slick-track .productBox:hover .iconWrapper {
  display: block;
  z-index: 1;
}
/* line 252, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
.street-fashion #pdpRecentlyView .slider .slick-track .productBox:hover .iconWrapper:hover + .imageWrapper {
  display: block;
  border: solid 1px #e4483f;
}
/* line 256, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
.street-fashion #pdpRecentlyView .slider .slick-track .productBox:hover .iconWrapper:hover i {
  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 256, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
  .street-fashion #pdpRecentlyView .slider .slick-track .productBox:hover .iconWrapper:hover i {
    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 265, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
.street-fashion #pdpRecentlyView .slider .slick-track .productBox .pdtNameWrapper {
  margin-top: 5px;
}
/* line 268, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
.street-fashion #pdpRecentlyView .slider .slick-track .productBox .pdtNameWrapper .brand-product-name > span {
  color: #FFF;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
  line-height: 15px;
  font-style: normal;
}
/* line 285, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
.street-fashion #pdpRecentlyView .slider .btnImgsliderNavPrev {
  position: absolute;
  top: 31px;
  left: -71px;
}
/* line 290, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
.street-fashion #pdpRecentlyView .slider .btnImgsliderNavNext {
  position: absolute;
  top: 31px;
  right: -71px;
}

/*HKTVAD-207 pdp supermarket landing*/
/* line 300, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
#pdpRecentlyView {
  margin-top: 20px;
  width: 948px;
}
/* line 304, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
#pdpRecentlyView .titleWrapper {
  font-weight: bold;
  font-size: 18px;
}
/* line 19, ../../../../resource/compass/lib/_hktvMixin.scss */
#pdpRecentlyView .titleWrapper:after {
  content: " ";
  display: table;
  height: 0;
  clear: both;
}
/* line 309, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
#pdpRecentlyView .titleWrapper .title {
  float: left;
}
/* line 312, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
#pdpRecentlyView .titleWrapper .recentlyViewPagination {
  float: left;
  margin-left: 10px;
}
/* line 317, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
#pdpRecentlyView .slick-slider {
  float: left;
  left: 47px;
  width: 855px;
}
/* line 321, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
#pdpRecentlyView .slick-slider:not(.scrolled) {
  left: 0;
  width: 954px;
}
/* line 330, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
#pdpRecentlyView .slider .btnSliderPrevMedium {
  position: absolute;
  top: 31px;
  left: -47px;
}
/* line 335, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
#pdpRecentlyView .slider .btnSliderNextMedium {
  position: absolute;
  top: 31px;
  right: -47px;
}
/* line 341, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
#pdpRecentlyView .slider .slick-track .productBox {
  position: relative;
  margin: 10px 11px;
}
/* line 346, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
#pdpRecentlyView .slider .slick-track .productBox .iconWrapper {
  display: none;
  position: absolute;
  top: -10px;
  right: -10px;
}
/* line 351, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
#pdpRecentlyView .slider .slick-track .productBox .iconWrapper i {
  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 351, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
  #pdpRecentlyView .slider .slick-track .productBox .iconWrapper i {
    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 355, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
#pdpRecentlyView .slider .slick-track .productBox .imageWrapper {
  display: block;
  border: solid 1px #FFF;
}
/* line 358, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
#pdpRecentlyView .slider .slick-track .productBox .imageWrapper:hover {
  border: solid 1px #ccc;
}
/* line 364, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
#pdpRecentlyView .slider .slick-track .productBox:hover .iconWrapper {
  display: block;
  z-index: 1;
}
/* line 369, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
#pdpRecentlyView .slider .slick-track .productBox:hover .iconWrapper:hover + .imageWrapper {
  display: block;
  border: solid 1px #e4483f;
}
/* line 373, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
#pdpRecentlyView .slider .slick-track .productBox:hover .iconWrapper:hover i {
  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 373, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
  #pdpRecentlyView .slider .slick-track .productBox:hover .iconWrapper:hover i {
    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 382, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
#pdpRecentlyView .slider .slick-track .productBox .pdtNameWrapper {
  margin-top: 5px;
}
/* line 385, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
#pdpRecentlyView .slider .slick-track .productBox .pdtNameWrapper .brand-product-name > span {
  color: #FFF;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
  line-height: 15px;
  font-style: normal;
}

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

/* line 407, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
.icRecentlyviewDelete {
  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 407, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
  .icRecentlyviewDelete {
    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 410, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
.icRecentlyviewDeleteHover {
  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 410, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
  .icRecentlyviewDeleteHover {
    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 413, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
.btnSliderPrevMedium {
  background-image: url(/_ui/desktop/common/images/sprite/sprite1511-s6c86c57acc.png);
  background-position: -1087px -62px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 55px;
  width: 35px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 413, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
  .btnSliderPrevMedium {
    background-image: url(/_ui/desktop/common/images/sprite/sprite1511-2x-s50e7106e33.png);
    background-size: 1189px 180px;
    background-position: -1087px -61px;
    height: 55px;
    width: 35px;
  }
}

/* line 416, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
.btnSliderPrevMedium:hover {
  background-image: url(/_ui/desktop/common/images/sprite/sprite1511-s6c86c57acc.png);
  background-position: -915px -117px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 55px;
  width: 35px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 416, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
  .btnSliderPrevMedium:hover {
    background-image: url(/_ui/desktop/common/images/sprite/sprite1511-2x-s50e7106e33.png);
    background-size: 1189px 180px;
    background-position: -915px -116px;
    height: 55px;
    width: 35px;
  }
}

/* line 419, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
.btnSliderNextMedium {
  background-image: url(/_ui/desktop/common/images/sprite/sprite1511-s6c86c57acc.png);
  background-position: -985px -117px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 55px;
  width: 35px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 419, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
  .btnSliderNextMedium {
    background-image: url(/_ui/desktop/common/images/sprite/sprite1511-2x-s50e7106e33.png);
    background-size: 1189px 180px;
    background-position: -985px -116px;
    height: 55px;
    width: 35px;
  }
}

/* line 422, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
.btnSliderNextMedium:hover {
  background-image: url(/_ui/desktop/common/images/sprite/sprite1511-s6c86c57acc.png);
  background-position: -950px -117px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  height: 55px;
  width: 35px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  /* line 422, ../../../../resource/compass/_ui/desktop/common/css/recentlyView.scss */
  .btnSliderNextMedium:hover {
    background-image: url(/_ui/desktop/common/images/sprite/sprite1511-2x-s50e7106e33.png);
    background-size: 1189px 180px;
    background-position: -950px -116px;
    height: 55px;
    width: 35px;
  }
}