.flashcard{perspective:1000px;aspect-ratio:1.85}.card,.flashcard{width:100%;height:100%}.card{transition:transform .45s ease-in-out;transform-style:preserve-3d;position:relative}.flipped .card{transform:rotateX(180deg)}.back,.front{position:absolute;width:100%;height:100%;backface-visibility:hidden}.back{transform:rotateX(180deg)}.tooltip{box-shadow:0 0 22px 19px hsl(var(--card));border-radius:6px}