.flashcard-carousel-wrapper{display:flex;align-items:center;justify-content:center;gap:2rem;padding:2rem 0;max-width:800px;margin:0 auto}.flashcard-container{flex:1;max-width:400px;perspective:1000px;position:relative}.flashcard{background-color:transparent;width:100%;perspective:1000px;cursor:pointer}.flashcard-inner{position:relative;width:100%;text-align:center;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d;box-shadow:0 10px 30px #00000026;border-radius:20px;display:grid;grid-template-columns:1fr}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{grid-area:1 / 1 / 2 / 2;position:relative;width:100%;min-height:500px;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:3rem;border-radius:20px;box-sizing:border-box;font-size:1.4rem;line-height:1.6}.flashcard-front{background-color:rgb(var(--color-base-accent-1));background:var(--gradient-background);color:rgb(var(--color-foreground))}.flashcard-back{background:var(--gradient-background);color:rgb(var(--color-foreground));transform:rotateY(180deg);overflow-y:auto;font-size:1.6rem}.flashcard h3{margin:0 0 2rem;font-size:2.2em;font-weight:400;color:inherit}.flashcard p{font-size:1.1em;color:inherit}.flashcard-hint{font-size:.9em;opacity:.5;margin-top:auto;padding-top:2rem;text-transform:uppercase;letter-spacing:1px}.nav-button{background:rgba(var(--color-foreground),.1);border:none;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:rgb(var(--color-foreground))}.nav-button:hover{background:rgba(var(--color-foreground),.2);transform:scale(1.1)}.nav-button svg{width:24px;height:24px;fill:currentColor}@media screen and (max-width:750px){.flashcard-carousel-wrapper{flex-direction:column;gap:1rem}.flashcard-controls{display:flex;gap:2rem;order:2}.flashcard-container{width:100%;order:1}.flashcard-front,.flashcard-back{padding:2rem;min-height:400px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-flashcard.css.map */