/* 사용자 공통 스타일 파일입니다. 공통으로 적용할 스타일 코드를 작성해주세요. */
@import url(css/font.css);
@import url(css/reset.css);
@import url(css/custom-layout.css);
@import url(css/custom-list.css);

/* 티켓 컨테이너용 */
main {
  position: relative;
}

/* ============================================================================ */
/* 컨페티 애니메이션 (공통) */
/* ============================================================================ */
@keyframes confetti-fall {
  0% {
    transform: translateY(-100%) rotate(0deg);
    opacity: 1;
  }
  100% {
    transform: translateY(100vh) rotate(720deg);
    opacity: 0;
  }
}

.confetti {
  position: fixed;
  width: 6px;
  height: 10px;
  top: -10px;
  z-index: 9998;
  animation: confetti-fall 3s ease-out forwards;
}

.ticket-receive-wrapper {
  background: transparent !important;
}