@charset "utf-8";

.sound_only {
    display: none;
}

body {
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif;
}


/* ===== FADEIN 애니메이션 - 공통 사용 가능 ===== */

/* FadeIn Up 애니메이션 - 재사용 가능한 클래스 */
.fadein-up {
    opacity: 0 !important;
    transform: translateY(40px) !important;
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  
  .fadein-up.show {
    opacity: 1 !important;
    transform: translateY(0) !important;
  }
  
  /* FadeIn Right 애니메이션 - 카드용 */
  .fadein-right {
    opacity: 0 !important;
    transform: translateX(-60px) !important;
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  
  .fadein-right.show {
    opacity: 1 !important;
    transform: translateX(0) !important;
  }

  /* 애니메이션 지연 시간 */
.fadein-up[data-delay="0"] { transition-delay: 0s !important; }
.fadein-up[data-delay="100"] { transition-delay: 0.1s !important; }
.fadein-up[data-delay="200"] { transition-delay: 0.2s !important; }
.fadein-up[data-delay="300"] { transition-delay: 0.3s !important; }
.fadein-up[data-delay="400"] { transition-delay: 0.4s !important; }
.fadein-up[data-delay="500"] { transition-delay: 0.5s !important; }
.fadein-up[data-delay="600"] { transition-delay: 0.6s !important; }
.fadein-up[data-delay="700"] { transition-delay: 0.7s !important; }
.fadein-up[data-delay="800"] { transition-delay: 0.8s !important; }
.fadein-up[data-delay="900"] { transition-delay: 0.9s !important; }
.fadein-up[data-delay="1000"] { transition-delay: 1s !important; }

.fadein-right[data-delay="0"] { transition-delay: 0s !important; }
.fadein-right[data-delay="100"] { transition-delay: 0.2s !important; }
.fadein-right[data-delay="200"] { transition-delay: 0.2s !important; }
.fadein-right[data-delay="300"] { transition-delay: 0.4s !important; }
.fadein-right[data-delay="400"] { transition-delay: 0.4s !important; }
.fadein-right[data-delay="500"] { transition-delay: 0.5s !important; }
.fadein-right[data-delay="600"] { transition-delay: 0.6s !important; }
.fadein-right[data-delay="700"] { transition-delay: 0.7s !important; }
.fadein-right[data-delay="800"] { transition-delay: 0.8s !important; }


/* Line clamp for 2 lines */
.line-clamp-2 {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}