.App{width:100vw}.App,.home-container{align-items:center;display:flex;flex-direction:column;height:100vh}.home-container{justify-content:center;padding:1rem;position:relative;text-align:center}.sfu-logo{height:auto;position:absolute;top:10px;width:200px}.nav-bar-container{align-items:center;background-color:var(--background-sec);display:flex;justify-content:space-between;padding:0;width:100%}.nav-bar-left{display:flex}.nav-bar-right{display:flex;justify-content:center}.nav-bar-container h2{cursor:pointer;padding:1.4rem 1.6rem;text-decoration:none}@media screen and (max-width:480px){.nav-bar-container h2{font-size:1.2rem;padding:1.4rem 1rem}}*{-webkit-animation:var(--ani-pop-in);animation:var(--ani-pop-in);margin:0;padding:0}body{--background-pri:#18181b;--background-sec:#202023;--background-tri:#28282b;--color-pri:#fafafa;--color-sec:#d4d4d8;--color-tri:#888;--color-quar:#555;--border-rad:1rem;--ani-pop-in:pop-in 0.45s ease forwards;--ani-transition:all 0.2s ease-in-out;background-color:var(--background-pri);font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;height:100vh;width:100vw}@-webkit-keyframes pop-in{0%{opacity:0;-webkit-transform:scale(.99);transform:scale(.99)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes pop-in{0%{opacity:0;-webkit-transform:scale(.99);transform:scale(.99)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}a{color:var(--color-sec);text-decoration:none}h1{color:var(--color-pri);font-size:2.5rem;overflow-x:auto}h2{font-size:1.75rem}h2,h3{color:var(--color-sec);overflow-x:auto}h3{font-size:1.5rem}p{overflow-x:auto;overflow-y:auto;padding:.5rem;white-space:pre-wrap}input,p{color:var(--color-sec)}input{background-color:var(--background-tri);border:3px solid var(--background-tri);border-radius:var(--border-rad);flex:1 1;font-size:1.25rem;font-weight:800;line-height:1.5rem;min-height:1.5rem;padding:.25rem .75rem;transition:var(--ani-transition)}input::-webkit-input-placeholder{color:var(--color-sec);font-size:1.2rem;font-weight:800;opacity:1}input::placeholder{color:var(--color-sec);font-size:1.2rem;font-weight:800;opacity:1}input:focus{background-color:var(--background-sec);outline:none}textarea{background-color:var(--background-tri);border:3px solid var(--background-tri);border-radius:var(--border-rad);color:var(--color-pri);font-size:1rem;font-weight:800;line-height:1.5rem;overflow-x:auto;overflow-y:hidden;padding:.25rem .75rem;resize:none;transition:var(--ani-transition);white-space:pre}textarea::-webkit-input-placeholder{color:var(--color-sec);font-size:1.2rem;font-weight:800;opacity:1}textarea::placeholder{color:var(--color-sec);font-size:1.2rem;font-weight:800;opacity:1}textarea:focus{outline:none}button:hover,textarea:focus{background-color:var(--background-sec)}button:hover{color:var(--color-sec)}::-webkit-scrollbar{height:.6rem;width:10px}::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--color-tri);border:3px solid transparent;border-radius:6px}::-webkit-scrollbar-thumb:horizontal{background-clip:padding-box;background-color:var(--color-tri);border:3px solid transparent;border-radius:6px}::-webkit-scrollbar-thumb:hover{background-color:var(--color-quar)}.collection-list-container{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:2.5rem;overflow-y:auto;padding:2rem 0;width:100%}.collection-list{display:flex;flex:1 1;flex-direction:column;gap:2rem;width:80%}.collection-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:2rem}.no-collections{text-align:center;width:100%}.collection-subcontainer-horizontal{display:flex;flex-direction:row;width:100%}.add-collection-form,.edit-form{display:flex;flex-direction:row;left:6.5rem;margin-left:auto;margin-right:auto;position:relative;width:80%}.loader-container{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.loader{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border-top:10px solid var(--color-sec);border:10px solid var(--color-sec);border-radius:50%;border-top-color:var(--background-sec);height:50px;width:50px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.collection-form{align-items:center;background-color:var(--background-sec);border-radius:var(--border-rad);display:flex;gap:1rem;justify-content:space-between;padding:1rem}.collection-form-buttons{align-items:center;display:flex;flex-direction:row;gap:1rem;justify-content:center}@media only screen and (max-width:720px){.collection-form{align-items:center;align-items:stretch;flex-direction:column;gap:1rem;justify-content:center}}.collection-card{align-items:center;background-color:var(--background-sec);border-radius:var(--border-rad);display:flex;gap:3rem;justify-content:space-between;padding:1rem}.collection-card-buttons{align-items:center;display:flex;flex-direction:row;gap:1rem;justify-content:center}@media only screen and (max-width:720px){.collection-card{align-items:center;align-items:stretch;flex-direction:column;gap:1rem;justify-content:center}}.collection{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:2.5rem;min-width:0;overflow-y:auto;padding:2rem 0;width:100%}.document-list{display:flex;flex-direction:column;gap:2rem;width:80%}.no-documents{text-align:center;width:100%}.document-form{background-color:var(--background-sec);border-radius:var(--border-rad);display:flex;flex-direction:column;gap:1rem;padding:1rem}.document-inputs-container{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center}.form-top{display:flex;flex:1 1;gap:1rem}.document-form-buttons{align-items:center;display:flex;flex-direction:row;gap:1rem;justify-content:center}.document-form-small-screen{display:none}@media only screen and (max-width:720px){.form-top{flex-direction:column}.document-form-buttons{display:none}.document-form-small-screen{display:flex}}.document-card{background-color:var(--background-sec);border-radius:var(--border-rad);display:flex;flex:1 1;flex-direction:column;gap:1rem;padding:1rem}.document-card-top{justify-content:space-between}.document-card-buttons,.document-card-top{align-items:center;display:flex;flex-direction:row;gap:1rem}.document-card-buttons{justify-content:center}.document-card-small-screen{display:none}@media only screen and (max-width:720px){.form-top{flex-direction:column}.document-card-buttons{display:none}.document-card-small-screen{display:flex}}.profile-page-container{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:3rem;padding:2rem 0;width:100%}.profile-page-top{justify-content:center}.api-key,.profile-page-top{align-items:center;display:flex;flex-direction:column;gap:1rem}.api-key-buttons{display:flex;gap:1rem}@media screen and (max-width:550px){.api-key h3{font-size:1rem}.api-key-buttons{flex-direction:column}}.classes-page{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:2.5rem;min-width:0;overflow-y:auto;padding:2rem 0;width:100%}.class-list{display:flex;flex:1 1;flex-direction:column;gap:2rem;width:80%}.class-card-buttons{align-items:center;display:flex;flex-direction:row;gap:1rem;justify-content:center}.class-form{background-color:var(--background-sec);border-radius:var(--border-rad);gap:3rem;justify-content:space-between;padding:1rem}.class-buttons,.class-form{align-items:center;display:flex}.class-buttons{flex-direction:row;gap:1rem;justify-content:center}.no-classes{text-align:center;width:100%}.class-page{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:2.5rem;min-width:0;overflow-y:auto;padding:2rem 0;width:100%}.student-form{background-color:var(--background-sec);border-radius:var(--border-rad);display:flex;flex-direction:column;gap:.5rem;padding:1rem;width:80%}.single-student-form{display:flex;flex-direction:row;gap:1rem;padding:1rem}.single-form-buttons{align-items:center;display:flex;flex-direction:row;gap:1rem;justify-content:center}.student-list{display:flex;flex:1 1;flex-direction:column;gap:2rem;width:80%}.class-card{background-color:var(--background-sec);border-radius:var(--border-rad);justify-content:space-between;padding:1rem}.class-card,.no-class{align-items:center;display:flex;gap:1rem}.no-class{flex-direction:column;justify-content:center}.no-students{flex-direction:column;justify-content:center;width:100%}.no-students,.student-card{align-items:center;display:flex;gap:1rem}.student-card{background-color:var(--background-sec);border-radius:var(--border-rad);justify-content:space-between;padding:1rem}.csv-file-opener{align-items:center;display:flex;flex-direction:column;margin-top:1rem}label{background-color:var(--background-tri);border:none;border:3px solid var(--background-tri);border-radius:var(--border-rad);color:var(--color-pri);cursor:pointer;font-weight:800;height:-webkit-min-content;height:min-content;padding:.5rem 2rem;transition:var(--ani-transition)}#status{color:#666;margin-top:.5rem}.file-input{display:inline-block}.file-input,button{background-color:var(--background-tri);border:none;border:3px solid var(--background-tri);border-radius:var(--border-rad);color:var(--color-pri);cursor:pointer;font-weight:800;padding:.5rem 2rem;transition:var(--ani-transition)}button{height:-webkit-min-content;height:min-content}.file-input input{display:none}.file-input:hover{background-color:var(--background-sec);color:var(--color-sec)}
/*# sourceMappingURL=main.c6cb476c.css.map*/