.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)}}.searchable-dropdown{position:relative;display:flex;flex-direction:column;align-items:center;width:100%}.searchable-dropdown .content{padding:.5rem;border-radius:.25rem}.searchable-dropdown .options{width:100%;padding:.25rem;border:1px solid #ccc;position:absolute;top:100%;left:0;z-index:1000;max-height:200px;overflow-y:auto;background-color:#fff;box-shadow:0 2px 4px #0000001a}.searchable-dropdown .options .option{padding:.5rem;cursor:pointer;transition:background-color .2s ease}.searchable-dropdown .options .option:hover{background-color:#f0f0f0}.searchable-dropdown .options .option:focus{outline:2px solid #007bff;background-color:#e6f3ff}.searchable-dropdown .options .option.focused{background-color:#e6f3ff;outline:2px solid #007bff}.clearButton{background-color:transparent;border:none;cursor:pointer;margin:.5rem;padding:.5rem}.clearButton:hover{background-color:#0000001a}.clearButton img{width:1rem;height:1rem}.displayContent{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;border:1px solid #ccc;border-radius:.25rem;padding-left:1rem}.displayContent p.content{margin:0}.newCoachingWrapper{margin:1rem}.tableWrapper{width:auto;max-height:90vh;overflow-x:auto;margin-top:1rem}.tableWrapper table{width:100%;scroll-behavior:auto;border-collapse:separate;border-spacing:0;font-size:1rem;line-height:1.25rem}.tableWrapper table th,.tableWrapper table td{min-width:100px;border:1px solid black;padding:.5rem;text-align:start;vertical-align:top;position:relative}.tableWrapper table thead th{position:sticky;top:0;z-index:1;color:#fff;background-color:gray;font-weight:600}.tableWrapper table thead th:first-child{position:sticky;left:0;z-index:2}.tableWrapper table tbody td{background-color:#f2f2f2}.tableWrapper table tbody td:first-child{position:sticky;left:0;z-index:1;background-color:var(--accent);font-weight:600}.tableWrapper table tbody td:first-child h4{font-size:1.25rem;font-weight:800;color:#000;text-align:start}tr.failedToUpdate td{border:2px solid red;border-left:1px solid black;border-right:1px solid black;background-color:#ff00000d}tr.failedToUpdate td:first-child{border-left:2px solid red}tr.failedToUpdate td:last-child{border-right:2px solid red}.checkmark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3rem;height:3rem}.studentCell{display:flex;align-items:center;justify-content:flex-start}.studentCell .studentCellControlls{position:relative;margin-right:10px}.studentCell .studentCellControlls .icon{color:#000;position:relative;transform:none;cursor:pointer;padding:12px;width:48px}.studentCell h4{font-size:1.25rem;font-weight:800;color:#000;text-align:start;margin:1rem 0}.studentCell p{font-size:1rem;font-weight:400;color:#000;text-align:start;margin:.5rem 0}.cellWithContextual{margin:5px;display:flex;justify-content:center}td button{display:flex;margin:auto}.checkboxWrapper,.lineWrapper{display:flex;align-items:center;margin:0}.checkboxWrapper .label,.lineWrapper .label{background:none;padding:0;color:#000;font-size:1rem;font-weight:600}.checkboxWrapper .label.required:after,.lineWrapper .label.required:after{content:"*";margin:0 4px}.checkboxWrapper .label,.checkboxWrapper .content,.lineWrapper .label,.lineWrapper .content{margin:16px 0}.lineWrapper .label{font-size:1rem;font-weight:600;color:#000;text-align:start;white-space:pre;width:30%;min-width:100px;display:flex;justify-content:flex-start;text-wrap:wrap;padding-top:8px}.lineWrapper .content{background:#f5f5f5;padding:8px;min-height:2.25rem;min-width:150px;max-width:70%}.lineWrapper h4{color:#000}.checkboxWrapper{flex-direction:row-reverse;justify-content:flex-end;margin-left:30%}.coachingFilterSection{position:relative;width:100%;display:flex;flex-direction:row}.coachingFilterSection .simpleFiltering{width:50%}.coachingFilterSection .simpleFiltering div{display:flex;flex-direction:row;align-items:center;margin:1rem 0}.coachingFilterSection .simpleFiltering div label{font-size:1rem;font-weight:600;color:#000;width:20%;min-width:100px;display:flex;justify-content:flex-start;text-wrap:wrap;padding-top:8px}.coachingFilterSection .simpleFiltering div select{background:#f5f5f5;padding:8px;min-height:2.25rem}.coachingFilterSection .advancedFilters{width:50%;display:flex;flex-direction:column;align-items:center}.coachingFilterSection .advancedFilters .buttonBox{width:100%}.coachingFilterSection .advancedFilters .advancedFiltersWrapper{margin:auto;margin:1rem;opacity:1}.coachingFilterSection .advancedFilters .advancedFiltersWrapper .searchBox{padding:4px 8px;border-radius:4px;width:100%;border:1px solid gray;border-radius:.2rem}.coachingFilterSection .advancedFilters .advancedFiltersWrapper .searchBox:focus{outline:none;border:1px solid blue}.coachingFilterSection .advancedFilters .advancedFiltersWrapper .filterByCompletion{margin-right:1rem}.quantifiedRecords h4{margin:0}.addAttendee{width:180px;margin:1rem 1rem .25rem}.deleteWrapper{border:2px solid red;border-radius:.5rem;padding:1rem;display:flex;flex-direction:column}.deleteWrapper h3{color:red;font-size:x-large;margin:0}.deleteWrapper .deleteBody{width:100%}.deleteWrapper .deleteBody .buttonBox{margin:1rem 0 auto auto}.attendee-wrapper{display:flex;flex-direction:row;justify-content:space-between}.attendee-wrapper .redButton{margin:.25rem .5rem}.clearStudent{background:none;border:none;cursor:pointer;padding:.5rem;margin-left:.5rem}.clearStudent img{width:16px;height:16px}#searchStudentWrapper.customSearchStudentWrapper input,#searchStudentWrapper.customSearchStudentWrapper #optionsWrapper{min-width:300px}.editModeToggle{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;margin-bottom:1rem}.editModeToggle button{margin:0 .5rem}.tableWrapper table{width:100%;border-collapse:collapse}.tableWrapper table th{padding:12px;transition:background-color .2s;-webkit-user-select:none;user-select:none}.tableWrapper table th .thContentWrapper{display:flex;align-items:center;justify-content:center;flex-direction:row}.tableWrapper table th.sortable{cursor:pointer}.tableWrapper table th.sortable:hover{background-color:#a9a9a9}.tableWrapper table td.notesCell{padding:0;height:100%;position:relative;min-width:200px}.tableWrapper table td.notesCell p{padding:.5rem;margin:0}.tableWrapper table td.notesCell textarea{width:calc(100% - 1rem);height:calc(100% - 1rem);margin:.5rem;top:0;left:0;right:0;bottom:0;position:absolute;resize:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.checkboxCell .switch{margin:.5rem}.tableWrapper table td.editIconCell{text-align:center;vertical-align:middle;background-color:var(--accent)}.tableWrapper table td.editIconCell .editIconRowRecord{cursor:pointer;width:3rem;margin:auto;transition:transform .2s}.tableWrapper table td.editIconCell:hover .editIconRowRecord{transform:scale(1.25)}.tableWrapper table td.editIconCell .cancelEditIcon{cursor:pointer;width:3rem;margin:1rem;transition:transform .2s}.tableWrapper table td.editIconCell .cancelEditIcon:hover{transform:scale(1.25)}.tableWrapper table td.editIconCell .submitEditButton:hover{background-color:#006400}.table-wrapper{margin:1rem}.body-container{width:auto;max-height:90vh;overflow-x:auto;margin-top:1rem}.body-container table{width:100%;scroll-behavior:auto;border-collapse:separate;border-spacing:0;font-size:1rem;line-height:1.25rem}.body-container table th,.body-container table td{min-width:100px;border:1px solid black;padding:.5rem;text-align:start;vertical-align:top;position:relative}.body-container table thead th{position:sticky;top:0;z-index:1;color:#fff;background-color:gray;font-weight:600}.body-container table thead th.sortable{cursor:pointer}.body-container table thead th.sortable:hover{background-color:#a9a9a9}.body-container table thead th .thContentWrapper{display:flex;align-items:center;gap:.5rem}.body-container table thead th .thContentWrapper .sortIcon{font-size:.75rem;transition:transform .2s ease}.body-container table thead th:first-child{position:sticky;left:0;z-index:2}.body-container table tbody td{background-color:#f2f2f2}.body-container table tbody td:first-child{position:sticky;left:0;z-index:1;background-color:var(--accent);font-weight:600}.edit-icon{width:2r .25em;height:2rem;cursor:pointer}.edit-icon-container{display:flex;align-items:center;justify-content:center;margin:auto;width:2.25rem;height:2.5rem;background-color:var(--accent);cursor:pointer}.table-wrapper table tbody td.edit-icon-cell:hover,.table-wrapper table tbody td.edit-icon-cell:hover .edit-icon-container{background-color:gray}.noResults{background-color:#fff!important}.student-deep-dive{padding:20px;max-width:1200px;margin:0 auto}.student-deep-dive h1{margin-bottom:30px;color:#333}.student-deep-dive .content{display:flex;flex-direction:column;gap:30px}.student-selection-section{background:#f5f5f5;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.student-selection-section h2{margin-bottom:20px;color:#444}.student-deep-dive-search{position:relative}.search-input-wrapper{display:flex;flex-direction:row;align-items:center;width:100%}.search-input-wrapper-inner{margin-bottom:10px;position:relative;width:100%}.active-students-filter{display:flex;flex-direction:row;align-items:center;min-width:200px;width:30%;margin-bottom:10px}.active-students-filter p{margin:0 .5rem}.search-input-wrapper-inner input{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:16px}.selected-student-display{display:flex;align-items:center;justify-content:space-between;width:70%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:16px;background-color:#f5f5f5}.clear-student-button{background:none;border:none;cursor:pointer;padding:4px 8px;color:#666;font-size:18px;display:flex;align-items:center;justify-content:center}.clear-student-button:hover{color:#333}.search-results{position:absolute;top:110%;left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 4px #0000001a;z-index:1000;max-height:300px;overflow-y:auto}.search-result-item{padding:12px;cursor:pointer;transition:background-color .2s}.search-result-item:hover{background-color:#f0f0f0}.search-result-item.selected{background-color:#e3f2fd}.student-details-section{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.student-details-section h2{margin-bottom:20px;color:#444}.student-info-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.info-row{display:flex;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #eee}.info-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.info-label{font-weight:600;color:#666;width:120px;flex-shrink:0}.info-value{color:#333;flex-grow:1}.student-memberships{margin-top:30px}.membership-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.membership-header{display:flex;flex-direction:row-reverse;justify-content:start;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #eee;position:relative}.editIcon{width:48px;height:40px;position:absolute;top:0;right:0;cursor:pointer;padding:.5rem;transform:translate(30%,-30%)}.editIcon:hover{background-color:var(--accent)}.membership-header h4{margin:0;color:#333}.membership-details{display:flex;flex-direction:row;gap:10px;flex-wrap:wrap}.detail-row{display:flex;margin:0 .5rem}.detail-label{font-weight:600;color:#666;min-width:100px;flex-shrink:0}.detail-value{color:#333;flex-grow:1;padding:0 .5rem}.view-weeks-button{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;color:#333;font-size:14px;cursor:pointer;transition:all .2s ease}.view-weeks-button:hover{background-color:#ddd;color:#333}.view-weeks-button.active{background-color:#ccc;color:#333}.down-arrow{width:16px;height:16px;margin:.25rem;transition:transform .3s ease-in-out}.down-arrow.active{transform:rotate(-180deg)}.status{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;margin:0 1rem}.status.active{background-color:#e8f5e9;color:#2e7d32}.status.on-hold{background-color:#fff3e0;color:#ef6c00}.status.inactive{background-color:#ffebee;color:#c62828}.membership-weeks{margin:.5rem}.membership-weeks table{width:100%;border-collapse:collapse}.membership-weeks table th,.membership-weeks table td{border:1px solid #eee;padding:.5rem}.membership-weeks table th{border-top:none}.membership-weeks table th:first-child{border-left:none}.membership-weeks table th:last-child{border-right:none}.membership-weeks table td{border-bottom:none}.membership-weeks table td:first-child{border-left:none}.membership-weeks table td:last-child{border-right:none}.membership-weeks h3{display:flex;justify-content:start;align-items:center;padding:.5rem;border-bottom:1px solid #eee}.week-header{width:40%;display:flex;justify-content:space-between;align-items:center}.weeks-list{width:100%}.coach-students-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-top:15px}.coach-student-card{background:#fff;border-radius:8px;padding:15px;box-shadow:0 2px 4px #0000001a;cursor:pointer;transition:all .2s ease}.coach-student-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.coach-student-card h4{margin:0 0 8px;color:#333}.coach-student-card p{margin:0;color:#666;font-size:14px}.coachingDashbaordBody{margin:1rem}.coachingDashbaord__header__title{background-color:var(--accent);font-size:1.5rem;padding:1rem}.sectionHeader{display:flex;align-items:center;justify-content:space-between;flex-direction:row;border-bottom:2px solid #e0e0e0;padding:10px}.sectionHeader .titleWrapper{display:flex;align-items:center;cursor:pointer}.sectionHeader .titleWrapper:hover{background-color:#d3d3d3;border-radius:5px}.sectionHeader .titleWrapper h2,.sectionHeader .titleWrapper h3{margin:.5rem}.sectionHeader .titleWrapper button{background:none;border:none;cursor:pointer;padding:0;margin:0}.sectionHeader .titleWrapper button .colapsableMenuArrow{color:#000;width:1rem;height:1rem}.sectionHeader .titleWrapper div.button{margin-left:auto}.sectionHeader button.newRecordButton{background-color:#006400;padding:10px 30px;cursor:pointer}.viewRecordIconCell{position:relative}.viewRecordIconCell .viewRecordIcon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3rem;height:3rem}.viewRecordIconCell:hover{background-color:#d3d3d3!important}.monthSelectorContainer{margin:.5rem}.monthSelectorLabel{margin-right:1rem}.edit-course-form{display:flex;flex-direction:column;gap:1rem;max-width:500px;margin:0 auto}h2{margin-bottom:20px}.check-mark{text-align:center}.edit-lesson-form{display:flex;flex-direction:column;gap:10px}.filter-container{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.examplesTable{overflow-y:auto;padding:0}.examplesTable .buttonBox{text-align:center;color:var(--light);font-size:12px;padding:0;align-self:stretch;margin:5px 30px;width:auto}.examplesTable .buttonBox button{width:100%;background-color:var(--theme);margin:0 auto}.examplesTable .buttonBox button:hover{background-color:var(--accent)}.displayExamplesDescription{width:50%;background-color:var(--light);border:2px solid var(--theme);padding:0 20px}.exampleCard{text-align:center;background-color:var(--accent);color:var(--light);font-size:12px;padding:0;display:flex;flex-direction:row;align-items:stretch;margin:5px 30px}.spanglishLabel,.spanishLabel{align-content:center;width:8%;min-width:100px}.spanglishLabel{background-color:var(--dark)}.spanishLabel{background-color:var(--brand)}.exampleCardTags{background-color:var(--theme);display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0;padding:0}.exampleCardTagsList{position:relative;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;margin:0;padding:36px 10px 10px}.showTagsButton{height:100%;background-color:var(--theme);color:var(--light);margin:0;padding:0 10px}.hideTagsButton{background-color:transparent;position:absolute;top:0;right:0;padding:12px;cursor:pointer;z-index:5}.hideTagsButton img{width:12px;height:12px;color:var(--light)}button.label.customLabel{text-align:center;font-family:Poppins,Avenir,Helvetica,sans-serif;font-weight:600;font-size:14px;padding:10px 30px;border:none;cursor:default;display:flex;justify-content:center;align-items:center;color:var(--light);background-color:var(--brand)}button.label.customLabel:hover{cursor:default;background-color:var(--brand)}.customLabel h4{color:var(--light)}: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}.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{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}.hardButton:hover,.easyButton:hover{background-color:var(--dark)}.easyBanner{background-color:#006400!important;cursor:default!important}.hardBanner{background-color:#8b0000!important;cursor:default!important}.quizSelector{display:flex;flex-direction:column;align-content:space-between;margin:0 auto;justify-content:space-between;width:50%}@media screen and (max-width: 800px){.quizSelector{width:70vw}}@media screen and (max-width: 480px){.quizSelector{width:90vw}}.quizMenu{margin-bottom:20px;height:65px;text-align:center}.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{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}.flashcardFinderHeader{margin:0;padding:0}.filterSection{padding:0 20px;display:flex;flex-direction:row-reverse;flex-wrap:wrap;justify-content:center;align-content:center}.filterBox{display:flex;flex-direction:row;flex-wrap:wrap;flex-grow:1;justify-content:flex-start}.filterBox.options{flex-direction:column;max-width:320px;margin:0 16px 16px}.filterBox.search{flex-direction:column;justify-self:left;flex-grow:3}.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 p,.searchTermBox input{margin:0 5px}.selectedTagsBox{width:100%;margin:0 12px}.selectedTagsBox p{text-align:left}.vocabSuggestionBox,.tagSuggestionBox{position:absolute;max-width:640px;width:100%;top:35px;left:0;z-index:999}.pagination{display:flex;justify-content:space-between;width:95%;text-align:center;font-size:12px;padding:0;align-self:stretch;margin:5px 30px;width:auto}.selectedVocab{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;max-width:60vw}.tagCard{cursor:pointer;text-align:left;font-size:12px;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;align-items:baseline;margin:0 6px;height:90px}.selectedVocab .tagCard{margin:2px 4px}.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,.vocabularyCard,.idiomCard,.conjugationCard,.verbCard{width:100%;height:100%;text-align:left;border:3px solid var(--dark);margin:0}.subcategoryCard{padding:5px 20px;color:var(--light);background-color:var(--theme)}.vocabularyCard{padding:5px 20px;color:var(--light);background-color:var(--brand)}.idiomCard{padding:5px 20px;color:var(--dark);background-color:var(--accent)}.conjugationCard{padding:5px 20px;color:var(--dark);background-color:var(--light)}.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}.myFlashcardsFormContentWrapper{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.myFlashcardsForm{width:30vw;min-width:360px;margin:0 auto}@media screen and (max-width: 480px){.myFlashcardsForm{width:90vw;min-width:280px}}.myFlashcardsFormContentWrapper>label,.myFlashcardsFormContentWrapper>div>div,.QuizMenuCustomOnly{display:flex;flex-direction:row;justify-content:space-between;width:100%;align-items:center}.switch{position:relative;display:inline-block;width:60px;height:34px;flex-grow:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:var(--brand)}input:focus+.slider{box-shadow:0 0 1px var(--brand)}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}#quizLength{width:60px;padding:5px;text-align:center}i{font-size:24px}.div-header{display:flex;justify-content:space-between;padding:calc(5px + 1.5%) 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}#exampleCreator,#exampleEditor,#vocabTagging{display:flex;flex-direction:row}#examplePreview,#exampleForm,.halfOfScreen{width:50%;display:flex;flex-direction:column;margin:15px}.previewCard{position:relative;display:flex;width:auto;flex-direction:row;justify-content:space-between;border:2px solid var(--accent);background:var(--light);padding:4px 16px;margin:5px 30px}.previewCard>.audioPlayPauseButton{position:relative;position:absolute;bottom:calc(50% - 12px);right:0;padding:12px;cursor:pointer;z-index:5}.audioError{border:3px solid red;background-color:transparent;position:absolute;bottom:calc(50% - 24px);right:0;padding:12px;cursor:not-allowed;z-index:5}.audioError:hover{background-color:red}.audioError img{width:24px;height:24px}#examplePreview h4{text-align:left}@media screen and (max-width: 834px){#exampleCreator{flex-direction:column}#examplePreview,#exampleForm{width:100%}}#exampleForm>div{display:flex;flex-direction:column;margin:10px 10%}.inputWrapper{display:flex;flex-direction:column}.styledInput{border-color:#b5b7b9;border-radius:3px;font-size:14px;padding:4px 8px}.required:after{content:" *";color:red}.exampleAudioWrapper{position:relative}#exampleForm button{width:33%;margin:10px auto}.setCreatorContainer{display:flex;flex-direction:column;margin:10px 3%}.inputWithoutStyle{width:100%;border:none;background:none;margin:0;padding:8px;resize:none}.tdWithoutPadding{padding:0}.duplicate-row td:first-child{position:relative;padding:0}.duplicate-content-wrapper{border:2px solid darkred;border-radius:4px;padding:8px;margin:2px}.validation-note{color:var(--text-muted, #666);font-size:.9em;font-style:italic;margin-top:4px}.validation-summary{margin:10px 0;padding:8px;border-radius:4px;background-color:var(--light);border:1px solid var(--accent)}.confirmSubmissionBox{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:100}.tagSearchBox{position:relative}#vocabTagging .tagSuggestionBox{position:absolute;max-width:640px;width:100%;top:94px;left:0;z-index:999}.confirmSubmissionBox form{background-color:var(--light);padding:20px;border-radius:10px;box-shadow:0 0 10px #00000080;width:50%}.vocabTagBox{display:flex;flex-direction:row;flex-wrap:wrap;margin:12px auto 0;width:90%}.vocabTag{font-size:12px;padding:7px 5px 0;position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:var(--light);border:4px solid var(--brand);text-align:center;overflow:hidden;margin:5px;border-radius:0;cursor:pointer;min-height:80px}.tagSuggestionBox .vocabTag{margin:0}.removeTagButton{background-color:transparent;border:none;color:var(--text);cursor:pointer;font-size:16px;position:absolute;top:5px;right:5px;padding:0;margin:0;height:14px;width:14px;display:flex;justify-content:center;align-items:center}.vocabCompleteContainer{display:flex;justify-content:center;align-items:center;margin-top:10px}.vocabCompleteContainer label{margin-left:15px}.exampleFilterControls{display:flex;justify-content:center;margin:15px;gap:20px}.filterToggleContainer{display:flex;align-items:center;gap:10px}.admin-dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px}@media (max-width: 768px){.admin-dashboard-grid{grid-template-columns:1fr}}.section-with-interactive-table .body-container table tbody td:first-child{cursor:pointer}.newStudentButtonWrapper{display:flex;justify-content:flex-end;margin:1rem}.error-message{color:red;font-weight:700;margin:1rem;text-align:center}.back-button-container{margin:1rem}.back-button-container .back-button{position:absolute;padding:.5rem 1rem;background-color:var(--brand);color:#fff;text-decoration:none;font-weight:700;transition:all .2s ease}.back-button-container .back-button:hover{background-color:var(--accent);text-decoration:underline}.FTLS{width:100%}.lessonFilter{margin:0 10px;flex-grow:1}.lessonFilter form{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-content:center}.frequensay-page{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;width:90%}.frequensay-page__setup{width:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.frequensay-page__setup .frequensay-setup__button{margin-top:10px}.frequensay-page__setup .frequensay-setup__error{color:red}.frequensay-page__content{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.frequensay-page__content textarea{width:100%;border:1px solid #ccc;border-radius:5px;padding:10px}.frequensay-page__content .text-to-check,.frequensay-page__content .custom-vocabulary{min-width:80%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.frequensay-page__content .text-to-check .text-to-check__stats,.frequensay-page__content .custom-vocabulary .text-to-check__stats{display:flex;flex-direction:column;align-items:left}.frequensay-page__content .unknown-words{min-width:80%;padding-bottom:40px}.paste-table{width:100%;border:2px solid var(--dark);border-radius:4px;overflow:hidden}.paste-table__table-grid{display:grid;grid-template-columns:var(--grid-template-columns);width:100%;border-bottom:1px solid var(--dark);position:relative;z-index:0}.paste-table--error{border:2px solid var(--error-bg);border-radius:4px;padding:1rem}.paste-table__error{color:var(--error-text);text-align:center}.paste-table__error h3{margin:0 0 .5rem}.paste-table__error p{margin:0}.paste-table__header{display:contents}.paste-table__column-header{font-weight:600;padding:.5rem;text-align:left;border-right:1px solid var(--light);background-color:var(--theme);color:var(--light);border-bottom:1px solid var(--dark)}.paste-table__column-header:last-child{border-right:none}.paste-table__body,.paste-table__row{display:contents}.paste-table__row:last-child .paste-table__cell-container{border-bottom:none}.paste-table__cell-container{position:relative;border-right:1px solid var(--dark);border-bottom:1px solid var(--dark);padding:0;box-sizing:border-box;display:flex;align-items:stretch;background-color:var(--light)}.paste-table__cell-container:last-child{border-right:none}.paste-table__cell-container--active{background-color:#449ac21a}.paste-table__cell{width:100%;height:100%;min-height:1.5rem;padding:.5rem;font-family:inherit;font-size:inherit;background-color:transparent;border:none;cursor:text;white-space:pre-wrap;word-break:break-word;box-sizing:border-box}.paste-table__cell:focus{outline:none;background-color:#449ac21a}.paste-table__cell--error{background-color:#ff00000d}.paste-table__cell--error:focus{background-color:#ff00001a}.paste-table__cell-error{position:absolute;left:0;right:0;background-color:var(--error-bg);color:var(--light);padding:.25rem .5rem;border-radius:4px;font-size:.875rem;z-index:10;width:100%;max-width:250px;word-wrap:break-word}[aria-rowindex="2"] .paste-table__cell-error,[aria-rowindex="3"] .paste-table__cell-error{top:calc(100% + 4px)}[aria-rowindex="2"] .paste-table__cell-error:before,[aria-rowindex="3"] .paste-table__cell-error:before{content:"";position:absolute;bottom:100%;left:10px;border:6px solid transparent;border-bottom-color:var(--error-bg)}[aria-rowindex]:not([aria-rowindex="2"]):not([aria-rowindex="3"]) .paste-table__cell-error{bottom:calc(100% + 4px)}[aria-rowindex]:not([aria-rowindex="2"]):not([aria-rowindex="3"]) .paste-table__cell-error:after{content:"";position:absolute;top:100%;left:10px;border:6px solid transparent;border-top-color:var(--error-bg)}.paste-table__footer{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background-color:var(--light)}.paste-table__hints{display:flex;flex-direction:column;gap:.25rem}.paste-table__hint{color:var(--dark);margin:0;font-size:.875rem}.paste-table__hint--validation{color:var(--theme);font-style:italic}.paste-table__actions{display:flex;gap:.5rem}.paste-table__action-button{padding:.5rem 1rem;border:none;border-radius:4px;font-weight:500;cursor:pointer;transition:all .2s ease}.paste-table__action-button:disabled{opacity:.5;cursor:not-allowed}.paste-table__action-button--primary{background-color:var(--brand);color:var(--light)}.paste-table__action-button--primary:hover:not(:disabled){background-color:var(--theme)}.paste-table__action-button--secondary{background-color:var(--accent);color:var(--dark)}.paste-table__action-button--secondary:hover:not(:disabled){background-color:var(--theme);color:var(--light)}.paginated-vocabulary{display:flex;flex-direction:column;gap:1rem}.paginated-vocabulary__info{margin-bottom:.5rem;font-size:.9rem;color:var(--color-text-muted, #666)}.paginated-vocabulary__loading{display:flex;justify-content:center;align-items:center;padding:2rem}.paginated-vocabulary__loading-spinner{width:2rem;height:2rem;border:.25rem solid var(--color-border, #e2e8f0);border-radius:50%;border-top-color:var(--color-primary, #4a5568);animation:spin 1s linear infinite;margin-right:.5rem}.paginated-vocabulary__loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ffffffb3;display:flex;justify-content:center;align-items:center;z-index:10}.paginated-vocabulary__error{padding:1rem;border-radius:.25rem;border-left:.25rem solid var(--color-danger, #e53e3e);background-color:var(--color-danger-light, #fff5f5);color:var(--color-danger, #e53e3e)}.paginated-vocabulary__error-title{font-weight:700;margin-bottom:.5rem}.paginated-vocabulary__empty{padding:2rem;background-color:var(--color-gray-lighter, #f7fafc);border:1px solid var(--color-border, #e2e8f0);border-radius:.25rem;text-align:center;color:var(--color-text-muted, #666);font-style:italic}.paginated-vocabulary__table-container{position:relative;overflow-x:auto}.paginated-vocabulary__table{width:100%;border-collapse:collapse}.paginated-vocabulary__table th,.paginated-vocabulary__table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--color-border, #e2e8f0)}.paginated-vocabulary__table th{background-color:var(--color-gray-lighter, #f7fafc);font-weight:700}.paginated-vocabulary__table tr:hover td{background-color:var(--color-gray-lightest, #f9fafb)}.paginated-vocabulary__pagination{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.paginated-vocabulary__pagination-button{padding:.5rem 1rem;background-color:var(--color-primary, #4a5568);color:var(--color-light, #fff);border:none;border-radius:.25rem;cursor:pointer;transition:background-color .2s}.paginated-vocabulary__pagination-button:hover:not(:disabled){background-color:var(--color-primary-dark, #2d3748)}.paginated-vocabulary__pagination-button--disabled{background-color:var(--color-disabled, #cbd5e0);cursor:not-allowed}.paginated-vocabulary__pagination-info{color:var(--color-text, #333)}@keyframes spin{to{transform:rotate(360deg)}}.vocabulary-creator__option{padding:1rem 2rem;font-size:1.1rem;background:var(--color-dark);color:var(--color-light);cursor:pointer;transition:all .2s ease;border:none}.vocabulary-creator__option:hover{opacity:.9}.vocabulary-creator__option--verb{background:var(--color-primary)}.vocabulary-creator__option--verb:hover{opacity:.9}.vocabulary-creator__option--nonverb{background:var(--color-secondary)}.vocabulary-creator__option--nonverb:hover{opacity:.9}.verb-creator__back-button{padding:.5rem 1rem;border:none;background:none;cursor:pointer;font-size:1rem;color:var(--color-dark)}.verb-creator__field{display:grid;gap:.5rem}.verb-creator__input{padding:.5rem;font-size:1rem;border:1px solid var(--color-border)}.verb-creator__actions{margin-top:1rem}.verb-creator__submit-button{padding:.5rem 1rem;background:var(--color-primary);color:var(--color-light);border:none;cursor:pointer;font-size:1rem}.verb-creator__submit-button:hover{opacity:.9}.verb-creator__submit-button:disabled{background:var(--color-disabled);opacity:.5;cursor:not-allowed}.verb-creator__tags{margin-top:1rem}.verb-creator__tag-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.nonverb-creator__back-button{padding:.5rem 1rem;border:none;background:none;cursor:pointer;font-size:1rem;color:var(--color-dark)}.nonverb-creator__select{padding:.5rem;font-size:1rem;border:1px solid var(--color-border)}.nonverb-creator__add-new{margin-top:.5rem;padding:.5rem;border:1px solid var(--color-border);border-radius:4px;background-color:var(--color-light)}.nonverb-creator__actions{margin-top:.5rem;margin-bottom:.5rem;display:flex;justify-content:flex-end}.nonverb-creator__existing-vocabulary{margin-top:.5rem;padding:.5rem;border:1px solid var(--color-border);border-radius:4px;background-color:var(--color-light)}.nonverb-creator__vocabulary-table{margin-top:.5rem}.nonverb-creator__empty-state{padding:1rem;text-align:center;color:var(--color-text-muted);font-style:italic}.nonverb-creator__error{padding:.5rem 1rem;background-color:var(--color-danger-light);color:var(--color-danger);border-radius:4px;border-left:4px solid var(--color-danger)}.nonverb-creator__save-button{padding:.5rem 1rem;background:var(--color-secondary);color:var(--color-light);border:none;cursor:pointer;font-size:1rem}.nonverb-creator__save-button:hover{opacity:.9}.nonverb-creator__save-button:disabled{background:var(--color-disabled);opacity:.5;cursor:not-allowed}.vocabulary-creator{display:flex;flex-direction:column;gap:1rem;padding:1rem;max-width:1200px;margin:0 auto}.vocabulary-creator__options{display:flex;gap:1rem;justify-content:center}.vocabulary-creator__option-button{padding:1rem 2rem;font-size:1.1rem;border:2px solid var(--dark);background:var(--light);cursor:pointer;transition:all .2s ease}.vocabulary-creator__option-button:hover{background:var(--dark);color:var(--light)}.verb-creator{display:flex;flex-direction:column;gap:1rem;max-width:800px;margin:0 auto}.verb-creator__header{display:flex;align-items:center;gap:1rem}.verb-creator__back-button{padding:.5rem 1rem;border:none;background:none;cursor:pointer;font-size:1rem;color:var(--dark)}.verb-creator__back-button:hover{text-decoration:underline}.verb-creator__form{display:grid;gap:1rem;padding:1rem}.verb-creator__form-group{display:grid;gap:.5rem}.verb-creator__input{padding:.5rem;font-size:1rem;border:1px solid var(--dark)}.verb-creator__submit{padding:.5rem 1rem;background:var(--dark);color:var(--light);border:none;cursor:pointer;font-size:1rem;margin-top:1rem}.verb-creator__submit:hover{opacity:.9}.nonverb-creator{display:flex;flex-direction:column;gap:1rem;max-width:1200px;margin:0 auto}.nonverb-creator__header{display:flex;align-items:center;gap:1rem}.nonverb-creator__back-button{padding:.5rem 1rem;border:none;background:none;cursor:pointer;font-size:1rem;color:var(--dark)}.nonverb-creator__back-button:hover{text-decoration:underline}.nonverb-creator__subcategory-select{display:flex;gap:1rem;align-items:center;padding:.5rem}.nonverb-creator__select{padding:.5rem;font-size:1rem;border:1px solid var(--dark)}.quizProgress{margin:0 auto;text-align:center;max-width:640px;width:80vw;display:flex;flex-direction:column;justify-content:center;align-items:center}.quizProgress h3{margin-top:12px;margin-bottom:0}.quizProgress p{margin-bottom:6px;margin-top:0}.progressBar{background-color:#d9d9d9;width:100%;height:4px}.progressBarFill{background-color:var(--brand);display:block;content:"";width:0;height:100%;transition:width .5s}@media screen and (max-width: 480px){.quizProgress{position:absolute;top:0;width:100vw;background-color:var(--theme)}.quizProgress h3,.quizProgress p{width:70vw;color:var(--light)}.quizProgress h3{font-size:1rem}.quizProgress p{font-size:.75rem}}.customFlashcardButton.onFlashcard{top:25px;width:fit-content;font-size:10px;padding:5px 10px;margin:0 auto;z-index:5}.customFlashcardButton.onFlashcard:hover{background-color:var(--brand);cursor:default}.audioQuizButtons{min-width:320px;width:50vw}button:disabled{background-color:var(--dark);color:var(--light);cursor:not-allowed}@media (max-width: 480px){.audioQuizButtons{min-width:0;width:90vw}.switchOnMobile{flex-direction:column-reverse}.switchOnMobile button{margin-top:12px}}.audioFlashcard{position:relative;display:flex;flex-direction:column;justify-content:center;overflow:hidden;text-align:center;color:var(--light)!important;background-color:var(--dark);max-width:640px;width:80vw;height:320px;margin:12px auto 0;border-radius:10px;cursor:pointer}.audioPlayPauseButton{background-color:transparent;position:absolute;bottom:0;right:0;padding:12px;cursor:pointer;z-index:5}.audioPlayPauseButton img{width:24px;height:24px}.audioFlashcard p{font-weight:700;font-size:1.25rem;margin:0;padding:10%;z-index:5}.progressStatus{z-index:1}@media screen and (max-width: 480px){.audioFlashcard{min-height:200px;max-height:320px;height:80vw;margin-top:10vw}.audioFlashcard p{font-size:1.125rem}}.audioQuizSetupMenu{max-width:400px;width:80vw;display:flex;flex-direction:column;align-items:center}.audioQuizSetupMenu div.form{max-width:320px;width:90%}.menuRow,.audioQuizSetupMenu .buttonBox{display:flex;justify-content:space-between;align-items:center;margin:0;padding:0;width:100%}.audioQuizSetupMenu .buttonBox p{margin:16px auto}@media (max-width: 480px){.audioQuizSetupMenu{width:98vw}}.noFlashcardsWrapper{max-width:50%;margin:0 auto;text-align:center}.noFlashcardsWrapper .buttonBox{margin-top:30px;max-width:300px}img.icon{width:16px}.popup img.icon{position:absolute;top:10px;right:10px;cursor:pointer}.popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000;display:flex;justify-content:center;align-items:center}.popup .inner{position:relative;background-color:#fff;padding:20px;border-radius:5px;box-shadow:0 0 10px #00000080;max-width:90%;max-height:90%;overflow-y:auto;color:#000}.popup .inner h1{color:#000;font-size:1.5em;margin:0 0 10px}#closeButton{background-color:#fff;color:#000;border:2px solid #545454}.flashcard{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--light);border:4px solid var(--accent);text-align:center;overflow:hidden;max-width:640px;width:80vw;height:320px;margin:12px auto 0;border-radius:10px;padding:10%;cursor:pointer}.flashcard .audioPlayPauseButton{color:var(--dark)}.srsButtons{min-height:41.8px}.quizButtons{min-width:640px;width:50%;margin-top:10px}@media screen and (max-width: 767px){.quizButtons{min-width:0;width:70vw}}@media (max-width: 480px){.audioQuizButtons,.quizButtons{min-width:0;width:90vw}.switchOnMobile{flex-direction:column-reverse}.switchOnMobile button{margin-top:12px}}@media screen and (max-width: 480px){.flashcard{min-height:200px;max-height:320px;height:80vw;margin-top:10vw;width:90vw}.flashcard p{font-size:1.125rem}.srsButtons{min-height:62.8px}}.buttonBox.header input{display:none}.buttonBox.header label{width:50%;display:block;text-align:center;padding:10px 30px;font-weight:600;color:var(--dark);border:1px solid var(--dark);cursor:pointer;border-bottom:0px}.buttonBox.header{width:100%;margin:0}.buttonBox.header label.selected{background-color:var(--brand);color:var(--light)}.buttonBox.header label:hover{background-color:var(--accent);border:1px solid var(--accent)}.quizTypeSettingsWrapper{padding:10px;border:1px solid var(--dark)}.quizTypeSettingsWrapper{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;margin:0 auto 8px}.clickToFlipMessage{position:absolute;bottom:0;right:0;padding:4px 8px;font-size:14px;font-style:italic}.clickToFlipMessage.flashcardWithAudio{right:44px}.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}.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}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}