.flashcard{display:block;position:relative;width:100%;height:700px}@media screen and (max-width:600px){.flashcard{height:500px}}.flashcard{cursor:pointer;perspective:3000px}.flashcard-side{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:0;left:0;right:0;width:100%;height:100%;background-color:var(--theme-color-background-primary-elevated);border-radius:24px;backface-visibility:hidden;transition:transform .25s cubic-bezier(.4,0,.6,1);padding:1rem}.front-side{transform:rotateX(0)}.back-side{transform:rotateX(180deg)}.flashcard.is-flipped .front-side{transform:rotateX(-180deg)}.flashcard.is-flipped .back-side{transform:rotateX(0)}.question-text,.answer-text{display:block;font-size:1.5rem;text-align:center;color:var(--theme-color-text-primary)}@media screen and (max-width:600px){.question-text,.answer-text{font-size:1.25rem}}.question-image+.question-text{margin-top:1.5em}.question-image{margin:0;padding:0;max-height:70%}.question-image+*{margin:0}.answer-helper-button{position:absolute;right:16px;top:16px;padding:.75em;border-radius:12px;color:var(--theme-color-text-primary);background-color:var(--theme-color-background-tertiary)}.answer-helper-button:not(:disabled):hover{background-color:#959595}.flashcard-navigation{margin-top:2rem}.flashcard-navigation-content{display:flex;justify-content:center;gap:.75rem;padding:0 1rem}.flashcard-navigation-button{font-size:1.5rem;padding:1rem}