body.flashcard-mode-page{display:flex;flex-direction:column;min-height:100vh}body.flashcard-mode-page>main.flashcard-mode-main{flex:1 0 auto;width:100%}.flashcard-mode-main{display:flex;flex-direction:column;width:100%;padding-left:1rem;padding-right:1rem}.flashcard-mode-main .controls-top,.flashcard-mode-main .mode-progression,.flashcard-mode-main #flashcard-game-container,.flashcard-mode-main #practice-game-container,.flashcard-mode-main #cards-container,.flashcard-mode-main .set-browser-shell{margin-left:auto;margin-right:auto}#flashcard-game-container,#practice-game-container,#cards-container{width:100%}#practice-game-container{margin:0 auto}#cards-container{width:100%;margin:0 auto 36px;padding:20px 0;box-sizing:border-box}.flashcard-mode-main .controls-top,.flashcard-mode-main .mode-progression{width:100%}@media(min-width:640px){.flashcard-mode-main{padding-left:1.5rem;padding-right:1.5rem}}@media(max-width:640px){.flashcard-mode-main .controls-top{flex-direction:column;align-items:stretch;gap:.75rem;margin-bottom:1rem}.flashcard-mode-main .controls-top>*{width:100%}.flashcard-mode-main #back-to-hub{margin-bottom:1rem}.flashcard-mode-main #card-counter,.flashcard-mode-main #timer{text-align:center}.flashcard-mode-main .mode-progression-head,.flashcard-mode-main .mode-progression-metrics{flex-direction:column;align-items:flex-start}}@media(max-width:420px){.flashcard-mode-main{padding-left:.875rem;padding-right:.875rem}}