.flashcard-mode-flashcard-flip-button{background-color:transparent;border:1px solid var(--border-color);box-sizing:border-box;border-radius:20;color:var(--text-color)}.flashcard-mode-flashcard-flip-button:hover{cursor:pointer}.flashcard-mode-navigation-container{display:flex;flex-flow:row;max-height:50px;justify-content:center;width:100%;max-width:700px;margin:0 auto;box-sizing:border-box}.flashcard-mode-container{display:grid;grid-template-rows:auto auto auto;width:100%;padding:0;margin:0 auto}.flashcard-mode-flashcard{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;border:1px solid var(--border-color);box-shadow:0 0 5px #ccc;width:100%;max-width:500px;height:250px;padding:20px 10px 10px;box-sizing:border-box;position:relative}.flashcard-mode-flashcard p{padding-left:20px;padding-right:20px;margin:0;display:flex;justify-content:center;align-items:center;height:100%;flex-grow:1;font-size:20px}.flashcard-mode-flashcard button{width:100px;height:30px;align-self:flex-end;margin-top:10px}.flashcard-mode-flashcard-row{display:flex;flex-flow:row;justify-content:space-evenly;width:100%;max-width:700px;margin-bottom:10px}.flashcard-mode-flashcards{flex-flow:column;width:100%;overflow:scroll;align-items:center}.flashcard-mode-flashcards,.flashcard-mode-translation{display:flex;max-width:700px;box-sizing:border-box;margin:0 auto}.flashcard-mode-translation{flex-flow:row;justify-content:center;height:100px;width:inherit;width:100%;border-bottom:1px solid black}.flashcard-mode-translation p{display:flex;justify-content:center;align-items:center}.flashcard-counter{flex:1 1;text-align:center;position:relative;padding-top:5px}@media screena and (max-width:768){.flashcard-mode-container{grid-template-rows:auto auto auto auto}.counter{height:1px}}