.quiz-mode-container{grid-template-rows:auto auto auto 1fr}.quiz-mode-container,.quiz-mode-container-review{display:grid;width:100%;height:100dvh;padding:0;margin:0 auto}.quiz-mode-container-review{grid-template-rows:auto auto auto 1fr auto}.vocab-mode-container{grid-template-rows:auto auto auto 1fr}.vocab-mode-container,.vocab-mode-container-review{display:grid;flex-direction:column;width:100%;height:100dvh;padding:0;margin:0 auto}.vocab-mode-container-review{grid-template-rows:auto auto auto 1fr auto}.vocab-mode-text-wrapper{width:100%;max-width:700px}.quiz-mode-translation{flex-flow:row;height:100px;margin:0 auto;box-sizing:border-box}.quiz-mode-translation,.quiz-mode-translation p{display:flex;justify-content:center;width:100%;max-width:700px}.quiz-mode-translation p{align-items:center}.quiz-mode-content{width:100%;max-width:700px;display:flex;flex-direction:column;height:100%;margin:0 auto;box-sizing:border-box;padding-left:10px;padding-right:10px}.quiz-mode-question{display:flex;justify-content:center;align-items:center;height:100px;text-align:center}.quiz-mode-choices{flex-grow:1}.quiz-mode-choice{display:flex;align-items:center;gap:10px;background-color:transparent;border:1px solid var(--border-color);color:var(--text-color);height:50px;max-height:50px;width:calc(100% - 50px);margin:0 auto 10px;cursor:pointer}.width-100{width:100%}.quiz-mode-choice-translation{background-color:transparent;height:50px;width:40px;margin:0 auto 10px 10px;cursor:pointer;border:1px solid var(--border-color);color:var(--text-color)}.quiz-mode-navigation-container{flex-flow:row;max-height:50px;justify-content:center}.quiz-mode-navigation-container,.quiz-mode-text{display:flex;width:100%;max-width:700px;margin:0 auto;box-sizing:border-box}.quiz-mode-text{position:relative;flex-direction:column;overflow-y:auto;gap:10px;padding-left:10;padding-right:10}.quiz-mode-text-sentence{position:relative;width:100%;max-width:700px;height:50px}.correct-choice{background-color:var(--correct-choice-background-color)}.incorrect-choice{background-color:var(--incorrect-choice-background-color)}.quiz-mode-explanation{align-items:center;margin:0 auto;overflow-y:scroll;box-sizing:border-box}.width-700{width:700px;margin:0 auto}.border{border:1p solid black}.profile{display:flex;flex-direction:column;width:700px;height:100%;margin:0 auto;align-items:center}.profile img{display:block;width:200px;height:200px;margin-top:20px}.text-center{text-align:center}.margin-bottom-link{margin-bottom:50px}.quiz-controls{display:flex;justify-content:center;align-items:center;height:400px;padding:0 10px;box-sizing:border-box;background-color:transparent;max-width:750px;flex-flow:column;gap:10px}.quiz-controls button,.quiz-controls input,.quiz-controls select{margin-left:10px}.generate-button{padding:5px 10px;background-color:transparent;color:var(--text-color);border:none;cursor:pointer;border:1px solid var(--border-color);box-sizing:border-box;height:30px;margin-top:20px}.quiz-controls label{margin-bottom:20px;font-weight:700;font-size:20px}.quiz-name-input{height:30px}.quiz-description-textarea,.quiz-name-input{width:300px;padding:5px;border:1px solid var(--border-color);background-color:var(--input-background-color);color:var(--text-color);box-sizing:border-box;outline:none}.quiz-description-textarea{height:80px;resize:none;font-family:Arial,Helvetica,sans-serif;font-size:14px}.quiz-controls select{background-color:var(--input-background-color);height:30px;width:300px;outline:none;color:var(--text-color);box-sizing:border-box;border:1px solid var(--border-color);padding-left:10px}.quiz-nav-button{display:flex;justify-content:center;align-items:center;padding:20px}.quiz-explain-button,.quiz-nav-button{width:100px;background-color:transparent;border:1px solid var(--border-color);box-sizing:border-box;cursor:pointer;color:var(--text-color);-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-top:10px}.quiz-explain-button{margin-right:auto;display:block}.quiz-explain-button:hover{background-color:transparent}.quiz-score-screen{flex-flow:column;width:100%;height:100%}.back-to-dashboard-button,.quiz-score-screen{display:flex;justify-content:center;align-items:center}.back-to-dashboard-button{width:245px;padding:20px;max-height:40px;border:1px solid var(--border-color);background-color:var(--background-color);text-decoration:none;color:var(--text-color);margin-top:20px;box-sizing:border-box;font-size:16px;cursor:pointer}.quiz-mode-choice-wrapper{display:flex;justify-content:center;align-items:center;gap:10px}.quiz-mode-choice-square{width:20px;height:20px;border:1px solid var(--border-color);background-color:transparent;flex-shrink:0}.quiz-mode-choice-square.filled{background-color:var(--text-color);border:1px solid var(--border-color)}.selected-choice{box-shadow:0 0 10px white}.quiz-mode-explanation{display:flex;flex-direction:column;width:100%;max-width:700px;padding-left:10;padding-right:10}.quizzes-creator{display:flex;justify-content:center;width:100%;height:100%;align-items:center;background-color:var(--background-color);color:(var(--text-color))}@media screen and (max-width:770px){.quiz-nav-button{width:25%}.quiz-mode-container{grid-template-rows:auto auto auto auto 1fr}.quiz-mode-container-review{display:grid;grid-template-rows:auto auto auto auto 1fr auto;width:100%;height:100dvh;padding:0;margin:0 auto}}