/* eslint-disable */
/* prettier-ignore */
/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/templates/richmedia/super-like/index.scss ***!
  \**************************************************************************************************************************************************************************************************************/
.appier-icon-node {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  box-sizing: border-box;
}
.appier-icon-node > div {
  pointer-events: auto;
  background-position: center;
  background-size: contain;
  cursor: pointer;
}
.appier-icon-node > div:active {
  animation: clickEaseBack 0.4s ease-out forwards;
}
@keyframes clickEaseBack {
  0% {
    transform: scale(0.6);
  }
  50% {
    transform: scale(1.3);
  }
  80% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}

.appier-banner-trigger-node {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.appier-event-node {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: transparent;
  cursor: grab;
}
.appier-event-node:active {
  cursor: grabbing;
}

.appier-hint-icon-node {
  position: absolute;
  top: 50%;
  left: 50%;
  pointer-events: none;
}
.appier-hint-icon-node > div {
  position: absolute;
  width: 54px;
  height: 54px;
  left: -27px;
  top: -27px;
  background-position: center;
  background-size: contain;
  animation: Hint 3s infinite;
  animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transform-origin: center 250px;
}
@keyframes Hint {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(0deg);
  }
  35% {
    transform: rotate(-20deg);
  }
  65% {
    transform: rotate(20deg);
  }
  90% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

.appier-choice-icon-node {
  position: absolute;
  top: 50%;
  left: 50%;
  pointer-events: none;
}
.appier-choice-icon-node > div {
  position: absolute;
  width: 100px;
  height: 100px;
  left: -50px;
  top: -50px;
  background-position: center;
  background-size: contain;
}

.appier-end-card-node {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  transform: scale(0.8);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.appier-banners-node {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  box-sizing: border-box;
}
.appier-banners-node .stack {
  position: absolute;
  height: 100%;
}
.appier-banners-node .stack > div {
  position: absolute;
  height: 100%;
  background-size: cover;
  background-position: center;
  overflow: hidden;
  display: none;
  opacity: 0;
  transform: scale(0.5);
}
.appier-banners-node .stack > div * {
  user-select: none;
}
.appier-banners-node .stack > div > iframe {
  border: none;
  transform-origin: left top;
}