.modal-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000004d;z-index:100}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:2rem;border-radius:.5rem;text-align:center}@media(max-width:768px){.modal{width:90%}}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;max-height:70vh;padding:5% 20%;box-sizing:border-box}.loadingIcon{position:relative;width:50%;padding-top:50%;max-width:400px;max-height:400px;min-width:150px;min-height:150px}#headIcon{position:absolute;top:10%;left:10%;width:80%}#wheelIcon{position:absolute;top:18%;left:18%;width:40%;animation:spin 1.4s linear infinite}.inline-loading{display:flex;align-items:center;justify-content:center}.inline-loading img{margin-left:1rem;width:24px;height:24px;animation:spin 1.4s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.buyMoreCoachingSessionsBanner{background:#fff;color:var(--dark);padding:12px;text-align:center;box-shadow:0 2px 8px #00000026;border:4px solid var(--brand);width:100%;margin:0 auto;animation:slideInFromTop .5s ease-out}@keyframes slideInFromTop{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.buyMoreCoachingSessionsBanner h2{margin:0 0 8px;font-size:18px;font-weight:600}.buyMoreCoachingSessionsBanner .content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin:0 auto;max-width:60vw}.buyMoreCoachingSessionsBanner .content .text{display:flex;flex-direction:row;align-items:center}.buyMoreCoachingSessionsBanner .content .text h2{margin:0 8px 0 0}.buyMoreCoachingSessionsBanner p{margin:0 16px 0 0;font-size:15px;font-weight:500;opacity:.9}.buyMoreCoachingSessionsBanner__closeButton{position:absolute;top:12px;right:16px;background:none;border:none;color:#000;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;transition:background-color .2s ease}.buyMoreCoachingSessionsBanner__closeButton:hover{background-color:var(--accent)}.buyMoreCoachingSessionsBanner__closeButton:focus{outline:2px solid var(--accent);outline-offset:2px}.buyMoreCoachingSessionsBanner__closeButton img{width:12px;height:12px;filter:brightness(0) invert(0)}.buyMoreCoachingSessionsBanner__ctaButton{background:#006400;color:#fff;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.buyMoreCoachingSessionsBanner__ctaButton:hover{background:var(--accent);color:#fff;box-shadow:0 4px 8px #0000001a}@media(max-width:1024px)and (min-width:769px){.buyMoreCoachingSessionsBanner .content{max-width:84vw}}@media(max-width:768px){.buyMoreCoachingSessionsBanner{display:none}}:root{--brand: #449ac2;--theme: #6f6259;--accent: #b0a96f;--light: #ffffff;--dark: #3c3c3c;--error-bg: darkred;--error-text: red}*{box-sizing:border-box}body{background-image:url(/assets/paper-small-Chy8x6yq.jpeg)}a{text-decoration:none}img,image{-webkit-user-select:none;user-select:none}input,select,textarea{font-family:inherit;font-size:100%;box-sizing:border-box;border:1px solid var(--dark);border-radius:0%}h1{color:var(--light);text-align:center;margin:0}table{width:100%;border-collapse:collapse;background-color:var(--light)}th,td{border:1px solid var(--dark);padding:8px;text-align:center}h2,h3,h4,h5,h6{color:var(--dark);text-align:center}.menuRow{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%}.menuRow>label.quizLength p{margin:0}*/ .bannerMessage{position:fixed;top:50px;left:50%;transform:translate(-50%,-50%);padding:5px;margin:0;background-color:#006400;border:1px solid var(--light);color:var(--light);z-index:999}.bannerMessage p{margin:0}button,.linkButton{text-align:center;font-family:Poppins,Avenir,Helvetica,sans-serif;font-weight:600;font-size:14px;padding:10px 30px;color:var(--light);background-color:var(--brand);border:none;cursor:pointer;display:flex;justify-content:center;align-items:center}button:hover,.linkButton:hover{background-color:#b0a96f;color:#fff}.label{text-align:center;font-family:Poppins,Avenir,Helvetica,sans-serif;font-weight:600;font-size:14px;padding:10px 30px;color:var(--light);background-color:var(--brand);border:none;cursor:default;display:flex;justify-content:center;align-items:center}.disabledButton{background-color:var(--dark);cursor:disabled}.disabledButton:hover{cursor:disabled;background-color:var(--dark)}.navigateButtons{position:absolute;right:0;left:0;margin:0;top:0;bottom:0;z-index:10}.nextButton{cursor:pointer;font-size:48px;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.previousButton{cursor:pointer;font-size:48px;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.div-user-subheader{padding:10px 5%;background-color:var(--accent);color:var(--light);margin:0;display:flex;justify-content:center}.div-user-subheader button{background-color:var(--light);color:var(--dark);font-size:12px;padding:5px 15px;margin:0 4px}.div-user-subheader p{margin:0 15px}.studentList input{max-width:70%}.studentList{display:flex;flex-direction:row;flex-wrap:nowrap;margin:0;justify-content:space-between;padding:0}.menu-buttons{display:flex;justify-content:center;align-content:center;flex-direction:row;min-height:250px}.redirectMessage{display:block;text-align:center;width:50%;margin:10% 25%}.div-vocab{margin-top:10px;display:flex}.finishedMessage{margin:auto;text-align:center;width:50%;min-width:400px}.finishedMessage p{margin-top:40px;margin-bottom:40px}.loading{display:flex;justify-content:center;align-items:center}.quiz{margin-top:10px;display:flex;flex-direction:column;justify-items:center;align-items:center}.exampleBox{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;align-content:center;flex-wrap:wrap}.readyButton{display:flex;justify-content:space-around}.quizControls{height:240px;width:100%;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end}.buttonBox{text-align:center;width:65%;min-width:300px;display:flex;flex-direction:row;justify-content:space-around;justify-items:stretch;margin:10px auto}.buttonBox button,.buttonBox .linkButton{margin:0 10px;flex-basis:0;flex-grow:1}.menu{display:flex;flex-direction:column;align-items:center}.menuBox{width:100%;align-content:center}.greenButton{background-color:#006400}.redButton{background-color:#8b0000}.addFlashcardButton,.pendingFlashcardButton,.removeFlashcardButton,.customFlashcardButton{position:absolute;top:0;right:0;width:fit-content;font-size:10px;padding:5px 10px;margin:0 auto;z-index:5}.addFlashcardButton{background-color:#006400}.removeFlashcardButton{background-color:#8b0000}.customFlashcardButton{background-color:var(--brand)}.pendingFlashcardButton{cursor:default;background-color:var(--dark)}.addFlashcardButton:hover,.removeFlashcardButton:hover,.pendingFlashcardButton:hover,.customFlashcardButton:hover{background-color:var(--dark)}.audioFlashcard .addFlashcardButton:hover,.audioFlashcard .removeFlashcardButton:hover,.audioFlashcard .customFlashcardButton:hover,.audioFlashcard .pendingFlashcardButton{background-color:var(--accent)}.spanglishLabel{align-content:center;width:8%;min-width:100px;background-color:var(--dark)}.spanishLabel{align-content:center;width:8%;min-width:100px;background-color:var(--brand)}.spanglishLabel h4,.spanishLabel h4{color:var(--light)}.comprehensionHeader{margin-bottom:0}.audioBox{width:80vw;display:flex;flex-direction:column;justify-content:center;align-items:center;align-content:center;flex-wrap:wrap}.audioExample{position:relative;width:65%;min-width:300px;min-height:200px;margin:20px auto;background-color:var(--dark);color:var(--light);text-align:center;display:flex;flex-direction:column;justify-content:center;padding:25px 50px;border:4px solid var(--brand);cursor:pointer}.audioExample h3{color:var(--light);z-index:5}.progressStatus{border-top-left-radius:10px;border-bottom-left-radius:10px;position:absolute;top:0;bottom:0;left:0;background-color:var(--theme);color:var(--light);z-index:1}.audioAutoplayFlashcardWrapper{width:100%}.audioAutoplayFlashcardWrapper .audioExample{border:none}.removeSpanglishBox{display:flex;flex-direction:row;justify-content:space-between;align-content:center;text-align:center;margin-top:24px}.removeSpanglishBox button{cursor:pointer}.removeSpanglishBox label{margin:auto 0}.searchFilter{display:inline-block;position:relative;flex-grow:2;max-width:100%}.wordSearchBox .tagSearchBox{display:flex;flex-direction:row;justify-content:flex-end;margin:auto}.tagSearchBox{display:flex;flex-direction:row;justify-content:flex-start;max-width:640px}.searchTermBox{width:100%}.searchTermBox input{padding:4px 8px;border-radius:4px;width:100%}.searchTermBox input{margin:0 5px 0 0}.vocabSuggestionBox,.tagSuggestionBox{position:absolute;max-width:640px;width:100%;top:41px;left:0;z-index:999}.tagCard{cursor:pointer;text-align:left;font-size:12px;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;align-items:baseline;height:90px}.tagCard:hover{cursor:pointer;filter:brightness(.9);box-shadow:0 4px 8px #00000026;transform:scale(1.03);transition:all .2s ease-in-out}.tagCard h4,.tagCard h5,.tagCard p{color:currentColor;margin:0}.tagCard div{display:flex;flex-direction:column;padding:12px;justify-content:space-between}.subcategoryCard,.SubcategoryCard,.vocabularyCard,.VocabularyCard,.idiomCard,.IdiomCard,.conjugationCard,.ConjugationCard,.verbCard,.VerbCard{width:100%;height:100%;text-align:left;border:3px solid var(--dark);margin:0}.subcategoryCard,.SubcategoryCard{padding:5px 20px;color:var(--light);background-color:var(--theme)}.vocabularyCard,.VocabularyCard{padding:5px 20px;color:var(--light);background-color:var(--brand)}.idiomCard,.IdiomCard{padding:5px 20px;color:var(--dark);background-color:var(--accent)}.conjugationCard,.ConjugationCard{padding:5px 20px;color:var(--dark);background-color:var(--light)}.verbCard,.VerbCard{padding:5px 20px;color:var(--accent);background-color:var(--dark)}.vocabSmallCard{cursor:pointer;text-align:left;background-color:#fff;color:#3c3c3c;font-size:11px;padding:2px 4px;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;align-items:baseline;margin:0 auto;border:2px solid var(--theme)}.vocabSmallCard h4{font-size:11px;color:var(--brand);text-align:left;margin:5px}.addButton,.removeButton{width:10%;min-width:120px;cursor:pointer}.addButton{background-color:#006400}.removeButton{background-color:#8b0000}.pendingButton{width:10%;min-width:120px;background-color:var(--dark);cursor:default}@media screen and (max-width:767px){.div-header h1{margin-bottom:20px}.spanishExample,.englishTranslation{box-sizing:border-box;width:95%;min-width:0}.buttonBox{width:95%;min-width:0}}.exampleCardSpanishText,.exampleCardEnglishText{color:var(--dark);background-color:var(--light);text-align:left;font-size:16px;flex-grow:1;width:70px;margin:2px;padding:4px 16px}.spanishFlashcardText{font-weight:600;font-style:italic}.englishFlashcardText{font-weight:400;font-style:normal}.englishTranslation .englishFlashcardText,.spanishExample .spanishFlashcardText{font-size:18px}#quizLength{width:60px;padding:5px;text-align:center}i{font-size:24px}.div-header{display:flex;justify-content:space-between;padding:calc(5px + .75%) 2.5%;background-color:var(--theme);color:var(--light);margin:0;align-items:center}.div-header button{background-color:var(--light);color:var(--dark)}.homeButton{display:flex;height:70px;width:125px}#homeIcon{display:none}#logo{cursor:pointer}@media screen and (max-width:480px){.homeButton{height:24px;width:24px}#logo{display:none}#homeIcon{display:block;z-index:2}#logout.notRoot{display:none}}.frequensay .tempBox{max-width:640px;margin:auto}.Toastify__toast-container{--toastify-color-success: darkgreen;--toastify-color-error: darkred;--toastify-toast-bd-radius: 0;--toastify-font-family: "Poppins", "Avenir", "Helvetica", sans-serif}#searchStudentWrapper{position:relative}#searchStudentWrapper input{min-width:500px}#optionsWrapper{position:absolute;background-color:var(--theme);margin:2px;padding:0 1rem;max-height:40vh;overflow:scroll;min-width:500px;z-index:10}.searchResultItem{background-color:var(--light);color:var(--dark);margin:4px;padding:2px;cursor:pointer;border:2px solid var(--light)}.searchResultItem:hover{border:2px solid var(--accent)}.vocabulary-manager{max-width:1200px;margin:0 auto;padding:20px}.vocabulary-manager .form-group{margin-bottom:20px}.vocabulary-manager label{display:block;margin-bottom:10px;font-weight:700}.vocabulary-manager textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-family:monospace;font-size:14px;line-height:1.5}.vocabulary-manager .error-message{color:#dc3545;margin:10px 0;padding:10px;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px}.vocabulary-manager .button-group{display:flex;gap:10px;margin-bottom:20px}.vocabulary-manager button{padding:8px 16px;border:none;border-radius:4px;background-color:#007bff;color:#fff;cursor:pointer;transition:background-color .2s}.vocabulary-manager button:hover{background-color:#0056b3}.vocabulary-manager button:disabled{background-color:#ccc;cursor:not-allowed}.vocabulary-manager .preview-section{margin-top:30px}.vocabulary-manager .preview-section h3{margin-bottom:15px;color:#333}.vocabulary-manager .preview-table{overflow-x:auto}.vocabulary-manager table{width:100%;border-collapse:collapse;margin-top:10px;background-color:#fff;box-shadow:0 1px 3px #0000001a}.vocabulary-manager th,.vocabulary-manager td{padding:12px;text-align:left;border-bottom:1px solid #ddd}.vocabulary-manager th{background-color:#f8f9fa;font-weight:700;color:#495057}.vocabulary-manager tr:hover{background-color:#f5f5f5}.spelling-management{margin-top:40px;padding:20px;background-color:#f8f9fa;border-radius:4px}.spelling-management h3{margin-bottom:20px;color:#333}.vocabulary-selector{margin-bottom:20px}.vocabulary-selector label{display:block;margin-bottom:8px;font-weight:700}.vocabulary-selector select{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.spelling-list{margin-top:20px}.spelling-list h4{margin-bottom:10px;color:#495057}.spelling-list ul{list-style:none;padding:0;margin:0 0 20px}.spelling-list li{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background-color:#fff;border:1px solid #ddd;border-radius:4px;margin-bottom:8px}.delete-spelling{padding:4px 8px;background-color:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px}.delete-spelling:hover{background-color:#c82333}.add-spelling-form{display:flex;gap:10px;margin-top:20px}.add-spelling-form input{flex:1;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.add-spelling-form button{padding:8px 16px;background-color:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer}.add-spelling-form button:hover{background-color:#218838}.presetSelector,.searchFilter{padding:15px;border:1px solid var(--dark);border-top:0px;background-color:var(--light);min-height:200px;margin-bottom:15px}.contextualWrapper{position:fixed;width:100%;height:100%;top:0;left:0;background-color:#0000004d;z-index:100}.contextualWrapper .contextual{min-width:40%;max-width:80%;max-height:80%;overflow-x:scroll;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:2rem;border-radius:.5rem;box-shadow:0 0 1rem #000000b3;z-index:100}.controlls{position:relative;width:100%;display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.controlls .icon{position:relative;right:0;top:0;transform:translate(50%,-50%);cursor:pointer;padding:8px;width:32px}.controlls .icon:hover{background-color:#0000001a}.controlls #editIcon{padding:5px;margin-right:8px}body{margin:0;padding:0;font-family:Poppins,Avenir,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}