.perspective{perspective:1000px}.flashcard-container{cursor:pointer}.flashcard-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .7s;transform-style:preserve-3d;box-shadow:0 4px 8px 0 hsl(var(--card-foreground)/.1)}.flashcard-inner.is-flipped{transform:rotateY(180deg)}.flashcard-back,.flashcard-front{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;border-radius:var(--radius)}.flashcard-back{transform:rotateY(180deg)}