/* タッチ環境のみ */

.pinch-hint-badge {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(1);
  width: 13.5vw;
  height: 13.5vw;
  display: grid;
  place-items: center;
  border-radius: 9999px;
  pointer-events: none;
  opacity: 0;
  animation: pinch-in-appear 0.25s ease-out forwards, pinch-pulse 1s ease-in-out infinite 0.25s;
  z-index: 10;
}

/* アイコン画像 */
.pinch-hint-badge::before {
  content: "";
  width: 12vw;
  height: 12vw;
  background: url("../img/common/icon_pinch-hint.svg") no-repeat center/contain;
  opacity: 1;
}

/* 登場アニメ */
@keyframes pinch-in-appear {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* 退場アニメ（ふわっと消える） */
.pinch-hint-badge.is-hiding {
  animation: pinch-fadeout 0.6s ease-out forwards;
}

@keyframes pinch-fadeout {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

/* ゆっくり鼓動アニメ（表示中のみ） */
@keyframes pinch-pulse {

  0%,
  100% {
    transform: translate(-50%, -50%) scale(1);
  }

  50% {
    transform: translate(-50%, -50%) scale(1.2);
  }
}

/*# sourceMappingURL=module.css.map */