@keyframes confetti-falling-group-1{0%{opacity:1;transform:rotate(-5deg)translateY(-85vh)}66%{opacity:.75}90%{opacity:.25}to{opacity:0;transform:rotate(5deg)translateY(100vh)}}@keyframes confetti-falling-group-2{0%{opacity:1;transform:rotate(5deg)translateY(-85vh)}66%{opacity:.75}90%{opacity:.25}to{opacity:0;transform:rotate(-5deg)translateY(100vh)}}.animate-confetti-falling-group-1{animation:3.25s ease-in forwards confetti-falling-group-1}.animate-confetti-falling-group-2{animation:3.25s ease-in forwards confetti-falling-group-2}
body{--flashcardBg:#ebf5ff;--flashcard-navigation-animation-duration:.8s;--flashcard-max-width:800px;--flashcard-height:480px;--flashcard-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.shadow-flashcard{box-shadow:var(--flashcard-shadow)}@keyframes flashcards-fade-out{0%{opacity:1}to{opacity:0}}@keyframes flashcards-title-shrink{0%{transform:scale(2)translateY(100%)}to{transform:scale(1)translateY(0)}}@keyframes flashcards-slide-in-from-bottom{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes first-flashcard-go-to-back{0%{z-index:50;box-shadow:var(--flashcard-shadow);border-radius:1.5rem;transform:rotate(0)translate(0)}56.25%{z-index:50;animation-timing-function:ease-out;transform:rotate(4deg)translate(calc(100% + 50px),-20px)}to{z-index:0;box-shadow:none;border-radius:1.5rem;animation-timing-function:ease-in;transform:rotate(0)translate(0)}}@keyframes second-flashcard-come-to-front{0%{z-index:40;transform:rotate(3deg)}25%{transform:rotate(0)}50%{z-index:50}to{z-index:50;transform:rotate(0)}}@keyframes fourth-flashcard-rotate{0%{z-index:20;transform:rotate(0)}25%{transform:rotate(3deg)}50%{z-index:20}to{z-index:10;transform:rotate(3deg)}}@keyframes last-flashcard-come-to-front{0%{z-index:0;box-shadow:none;border-radius:1.5rem;transform:rotate(0)translate(0)}43.75%{z-index:50;animation-timing-function:ease-out;transform:rotate(4deg)translate(calc(100% + 50px),-20px)}to{z-index:100;box-shadow:none;border-radius:1.5rem;animation-timing-function:ease-in;transform:rotate(0)translate(0)}}@keyframes flashcards-slide-out-to-bottom{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.animate-flashcards-fade-out{animation:.8s ease-out forwards flashcards-fade-out}.animate-flashcards-button-fade-in{animation:.5s ease-in forwards fade-in}.animate-flashcards-title-shrink{animation:.5s ease-out flashcards-title-shrink}.animate-flashcards-slide-in-from-bottom{animation:.5s ease-out flashcards-slide-in-from-bottom}.animate-first-flashcard-go-to-back{animation:first-flashcard-go-to-back var(--flashcard-navigation-animation-duration)forwards}.animate-second-flashcard-come-to-front{animation:second-flashcard-come-to-front var(--flashcard-navigation-animation-duration)ease-in forwards}.animate-fourth-flashcard-rotate{animation:fourth-flashcard-rotate var(--flashcard-navigation-animation-duration)ease-in-out forwards}.animate-last-flashcard-come-to-front{animation:last-flashcard-come-to-front var(--flashcard-navigation-animation-duration)forwards}.animate-flashcards-slide-out-to-bottom{animation:.5s ease-out flashcards-slide-out-to-bottom}.animate-flashcards-fade-in{animation:.8s ease-in forwards fade-in}