.flashcard-container{perspective:1000px;height:350px}.flashcard{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s;cursor:pointer}.flashcard.is-flipped{transform:rotateY(180deg)}.flashcard-back,.flashcard-front{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:var(--radius);display:flex;justify-content:center;align-items:center}.flashcard-back{transform:rotateY(180deg)}