/* line 1, ../../../../../resource/compass/_ui/desktop/common/css/store-landing/FollowComponent.scss */
#superfollow-btn-js {
  position: absolute;
  right: 14px;
  bottom: 0;
}
/* line 7, ../../../../../resource/compass/_ui/desktop/common/css/store-landing/FollowComponent.scss */
#superfollow-btn-js .superfollow-btn.following {
  width: 110px;
  height: 36px;
  background: url("/_ui/desktop/common/svg/store-landing/followingZH.svg") center/cover;
}
/* line 11, ../../../../../resource/compass/_ui/desktop/common/css/store-landing/FollowComponent.scss */
.language-en #superfollow-btn-js .superfollow-btn.following {
  background: url("/_ui/desktop/common/svg/store-landing/followingEN.svg") center/cover;
}

/* line 20, ../../../../../resource/compass/_ui/desktop/common/css/store-landing/FollowComponent.scss */
.superfollow-popup {
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(34, 34, 34, 0.7);
  pointer-events: none;
  z-index: 20000000;
  opacity: 0;
}
/* line 29, ../../../../../resource/compass/_ui/desktop/common/css/store-landing/FollowComponent.scss */
.superfollow-popup .superfollow-popup__icon {
  width: 150px;
  height: 150px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: none;
  display: block;
}
/* line 39, ../../../../../resource/compass/_ui/desktop/common/css/store-landing/FollowComponent.scss */
.superfollow-popup .superfollow-popup__warning {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #ffffff;
  text-align: center;
  padding: 30px 23px;
  min-width: 400px;
}
/* line 50, ../../../../../resource/compass/_ui/desktop/common/css/store-landing/FollowComponent.scss */
.superfollow-popup .superfollow-popup__warning .superfollow-popup__warning__title {
  font-size: 18px;
  color: #000000;
  margin: 0 0 18px;
  font-weight: 500;
}
/* line 56, ../../../../../resource/compass/_ui/desktop/common/css/store-landing/FollowComponent.scss */
.superfollow-popup .superfollow-popup__warning .superfollow-popup__warning__message {
  font-size: 18px;
  color: #000000;
  margin: 0 0 24px;
  font-weight: 500;
}
/* line 62, ../../../../../resource/compass/_ui/desktop/common/css/store-landing/FollowComponent.scss */
.superfollow-popup .superfollow-popup__warning .superfollow-popup__warning__cancel {
  display: inline-block;
  width: 130px;
  border-radius: 2px;
  border: solid 1px #c8c8c8;
  background-color: #f0f0f0;
  padding: 9px 15px;
  font-size: 16px;
  color: #222222;
  cursor: pointer;
  margin-right: 20px;
}
/* line 74, ../../../../../resource/compass/_ui/desktop/common/css/store-landing/FollowComponent.scss */
.superfollow-popup .superfollow-popup__warning .superfollow-popup__warning__confirm {
  display: inline-block;
  width: 130px;
  border-radius: 2px;
  border: solid 1px #c8c8c8;
  background-color: #36b449;
  padding: 9px 15px;
  font-size: 16px;
  color: #ffffff;
  cursor: pointer;
}
/* line 86, ../../../../../resource/compass/_ui/desktop/common/css/store-landing/FollowComponent.scss */
.superfollow-popup.alreadyOnFollowList {
  animation: 1800ms alternate superfollow-popup-animation;
}
/* line 88, ../../../../../resource/compass/_ui/desktop/common/css/store-landing/FollowComponent.scss */
.superfollow-popup.alreadyOnFollowList .superfollow-popup__icon {
  display: block;
  background: url("/_ui/desktop/common/svg/store-landing/addedStoreZH.svg") center/cover;
}
/* line 91, ../../../../../resource/compass/_ui/desktop/common/css/store-landing/FollowComponent.scss */
.language-en .superfollow-popup.alreadyOnFollowList .superfollow-popup__icon {
  background: url("/_ui/desktop/common/svg/store-landing/addedStoreEN.svg") center/cover;
}
/* line 96, ../../../../../resource/compass/_ui/desktop/common/css/store-landing/FollowComponent.scss */
.superfollow-popup.addedToFollowList {
  animation: 1800ms alternate superfollow-popup-animation;
}
/* line 98, ../../../../../resource/compass/_ui/desktop/common/css/store-landing/FollowComponent.scss */
.superfollow-popup.addedToFollowList .superfollow-popup__icon {
  display: block;
  background: url("/_ui/desktop/common/svg/store-landing/img_ClickingFirstTime_ZH.svg") center/cover;
}
/* line 101, ../../../../../resource/compass/_ui/desktop/common/css/store-landing/FollowComponent.scss */
.language-en .superfollow-popup.addedToFollowList .superfollow-popup__icon {
  background: url("/_ui/desktop/common/svg/store-landing/img_ClickingFirstTime_EN.svg") center/cover;
}
/* line 106, ../../../../../resource/compass/_ui/desktop/common/css/store-landing/FollowComponent.scss */
.superfollow-popup.addedToPendingList {
  animation: 1800ms alternate superfollow-popup-animation;
}
/* line 108, ../../../../../resource/compass/_ui/desktop/common/css/store-landing/FollowComponent.scss */
.superfollow-popup.addedToPendingList .superfollow-popup__icon {
  display: block;
  background: url("/_ui/desktop/common/svg/store-landing/favouritesZH.svg") center/cover;
}
/* line 111, ../../../../../resource/compass/_ui/desktop/common/css/store-landing/FollowComponent.scss */
.language-en .superfollow-popup.addedToPendingList .superfollow-popup__icon {
  background: url("/_ui/desktop/common/svg/store-landing/favouritesEN.svg") center/cover;
}
/* line 116, ../../../../../resource/compass/_ui/desktop/common/css/store-landing/FollowComponent.scss */
.superfollow-popup.bothListFull, .superfollow-popup.unFollowConfirm, .superfollow-popup.removeConfirm, .superfollow-popup.followConfirm, .superfollow-popup.followListFull {
  transition: opacity 150ms linear;
  width: 100vw;
  height: 100vh;
  opacity: 1;
  pointer-events: all;
}
/* line 122, ../../../../../resource/compass/_ui/desktop/common/css/store-landing/FollowComponent.scss */
.superfollow-popup.bothListFull .superfollow-popup__warning, .superfollow-popup.unFollowConfirm .superfollow-popup__warning, .superfollow-popup.removeConfirm .superfollow-popup__warning, .superfollow-popup.followConfirm .superfollow-popup__warning, .superfollow-popup.followListFull .superfollow-popup__warning {
  display: block;
}
@keyframes superfollow-popup-animation {
  0% {
    width: 100vw;
    height: 100vh;
    opacity: 0;
  }
  40% {
    width: 100vw;
    height: 100vh;
    opacity: 1;
  }
  80% {
    width: 100vw;
    height: 100vh;
    opacity: 1;
  }
  100% {
    width: 100vw;
    height: 100vh;
    opacity: 0;
  }
}