:root{--max-width:1920px;--font-family-1:"Montserrat",sans-serif;--font-family-2:"Nunito",sans-serif;--main-padding-lr:50px;--primary-color-1:#fff4e3;--accent-color-1:#b17373;--accent-color-1-light:#ba8e8e;--text-color-1:#fff4e3;--text-color-2:#8d8d8d;--letter-spacing:0.06em}*{margin:0;padding:0;box-sizing:border-box;letter-spacing:.06em;letter-spacing:var(--letter-spacing)}html{font-size:10px;line-height:1.5}#root,body,html{height:100%}body{font-family:"Montserrat",sans-serif;font-family:var(--font-family-1);font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff4e3;background:var(--primary-color-1)}.hero-layout{position:relative;height:100%;display:flex;flex-direction:column}.hero-layout .main{position:relative;height:100%;flex:1 1}.hero-layout .main .img-wrapper:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);z-index:-999}.hero-layout .main .img-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;-o-object-fit:cover;-o-object-position:center;z-index:-1000}.hero-layout .main .children-wrapper{position:relative;padding:0 50px;padding:0 var(--main-padding-lr);max-width:1920px;max-width:var(--max-width);width:100%;height:100%;margin:0 auto}.side-bar-layout{position:relative;width:100%;height:100%;display:flex;flex-direction:row}.side-bar-layout .children-wrapper{position:relative;padding:0 50px;padding:0 var(--main-padding-lr);padding-left:300px;max-width:1920px;max-width:var(--max-width);width:100%;height:100%;margin:0 auto}.side-bar-layout .side-bar-item{display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:1.4rem;font-weight:400;padding:0 0 1.3em;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}.side-bar-layout .side-bar-item:first-of-type{font-weight:700;font-style:italic}.side-bar-layout .side-bar-item img{width:13px;margin-right:15px}button{font-weight:500;border:none;-ms-user-select:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;outline:none;cursor:pointer;letter-spacing:.06em;letter-spacing:var(--letter-spacing)}button,input{font-family:"Montserrat",sans-serif;font-family:var(--font-family-1)}input[type=text]{outline:none;outline-style:none;padding:.7em 1em;border-radius:5px;border:none;font-size:1.6rem;width:200px;color:#333}input[type=text]::-webkit-input-placeholder{font-size:1.4rem;text-align:center;font-style:italic;color:#8d8d8d;color:var(--text-color-2);letter-spacing:.06em;letter-spacing:var(--letter-spacing)}input[type=text]:-ms-input-placeholder{font-size:1.4rem;text-align:center;font-style:italic;color:#8d8d8d;color:var(--text-color-2);letter-spacing:.06em;letter-spacing:var(--letter-spacing)}input[type=text]::-ms-input-placeholder{font-size:1.4rem;text-align:center;font-style:italic;color:#8d8d8d;color:var(--text-color-2);letter-spacing:.06em;letter-spacing:var(--letter-spacing)}input[type=text]::placeholder{font-size:1.4rem;text-align:center;font-style:italic;color:#8d8d8d;color:var(--text-color-2);letter-spacing:.06em;letter-spacing:var(--letter-spacing)}@media only screen and (max-width:800px){:root{--main-padding-lr:10px}}.header{position:fixed;height:60px;width:100%;z-index:2000;overflow:hidden;padding:0 var(--main-padding-lr)}.header .wrapper{height:100%;display:flex;position:relative;justify-content:space-between;align-items:center}.header .wrapper .logo{width:250px;cursor:pointer}.header .wrapper ul{-webkit-user-select:none;-ms-user-select:none;user-select:none;outline:none;list-style:none}.header .wrapper ul,.header .wrapper ul li{display:flex;flex-direction:row;justify-content:center;align-items:center}.header .wrapper ul li{cursor:pointer;font-size:1rem;margin-left:1.5em}.header .wrapper ul li img{width:15px}.header .wrapper ul li .user-icon-wrapper{width:30px;height:30px;border-radius:50%;overflow:hidden}.header .wrapper ul li .user-icon-wrapper img{position:relative;width:100%;object-fit:cover;object-position:center}@media only screen and (max-width:800px){.header .wrapper{padding:0 10px}}@media only screen and (max-width:400px){.header .wrapper{justify-content:space-between}.header .wrapper .logo{width:200px}}@media only screen and (max-width:320px){.header .wrapper .logo{width:160px}}.side-bar{position:fixed;height:100%;width:250px;background:rgba(58,52,63,.83);border-top-right-radius:50px;border-bottom-right-radius:50px;box-shadow:5px 0 20px rgba(0,0,0,.16);color:#fff;overflow-y:scroll;padding:15px;z-index:1000}.side-bar::-webkit-scrollbar{width:0}.side-bar .side-bar-wrapper{position:relative;height:100%;width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;border-top-right-radius:inherit;border-bottom-right-radius:inherit}.side-bar .side-bar-wrapper .profile-img{position:relative;height:80px;width:80px;margin:20px auto 30px;border-radius:9999px}.side-bar .side-bar-wrapper .profile-img img{width:100%;object-fit:cover;object-position:center;border-radius:9999px}.hero-layout .img-wrapper img{object-position:top}.home,.home .landing{position:relative;height:100%}.home .landing .landing-wrapper{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;z-index:1000;transition:.5s ease-in-out}.home .landing .landing-wrapper.active{transform:translate(-50%,-100%)}.home .landing .landing-wrapper.active .search-bar{margin-top:40px}.home .landing .landing-wrapper .landing-header,.home .landing .landing-wrapper .search-bar{position:relative;text-align:center;transition:.5s ease-in-out}.home .landing .landing-wrapper .landing-header{font-family:var(--font-family-2)}.home .landing .landing-wrapper .landing-header .app-name img{width:90%;max-width:700px}.home .landing .landing-wrapper .landing-header .app-description{color:var(--text-color-1);letter-spacing:.4em;font-size:2rem;font-weight:300;font-style:italic;width:100%;margin:.5em auto 0}.home .landing .landing-wrapper .search-bar{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:row;font-size:1.6rem;margin-top:80px;background:var(--accent-color-1);padding:.7em 1em .7em .3em;border-radius:50px;-webkit-animation:showup 1s ease-in-out;animation:showup 1s ease-in-out;box-shadow:0 3px 6px rgba(0,0,0,.2)}.home .landing .landing-wrapper .search-bar .error-msg{position:absolute;font-size:1.2rem;top:-50px;left:10px;font-family:var(--font-family-1);color:#fff;background:#ac3f3f;padding:1em 1.5em;font-weight:500;border-radius:5px;box-shadow:0 2px 6px rgba(0,0,0,.16)}.home .classroom-coursework{position:relative;min-height:350px;background:rgba(194,162,143,.2);backdrop-filter:blur(30px) opacity(15%) brightness(15%);-webkit-backdrop-filter:blur(30px) opacity(15%) brightness(15%);width:90%;margin:0 auto;border-radius:10px;opacity:0;transform:translateY(-50px);transition:opacity .2s linear .5s,transform .2s linear .5s}.home .classroom-coursework.active{top:var(--yPOS);opacity:1;transform:translateY(0)}.home .classroom-coursework .classroom-coursework-wrapper{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 20px 30px;height:100%}.home .classroom-coursework .classroom-coursework-wrapper .top-bar{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;-webkit-user-select:unset;-ms-user-select:unset;user-select:unset;width:100%;margin:10px 0 20px}.home .classroom-coursework .classroom-coursework-wrapper .top-bar .classroom{font-size:2.2rem;font-weight:500;padding:.8em;color:#fff;display:flex;flex-direction:row;justify-content:center;align-items:center;-webkit-user-select:unset;-ms-user-select:unset;user-select:unset;flex-grow:1}.home .classroom-coursework .classroom-coursework-wrapper .top-bar .classroom img{position:relative;margin-left:10px;width:15px;object-position:center;object-fit:contain;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}.home .classroom-coursework .classroom-coursework-wrapper .top-bar .classroom img:hover{opacity:.7}.home .classroom-coursework .classroom-coursework-wrapper .top-bar .popup-menu-btn-wrapper{position:absolute;right:0}.home .classroom-coursework .classroom-coursework-wrapper .courseworks{position:relative;width:calc(100% + 80px);display:inline-grid;height:100%;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:30px 50px;gap:30px 50px}@-webkit-keyframes showup{0%{bottom:10px;opacity:0}to{bottom:0;opacity:1}}@keyframes showup{0%{bottom:10px;opacity:0}to{bottom:0;opacity:1}}@media only screen and (max-width:650px){.home .landing .landing-wrapper .landing-header .app-name img{width:98%}.home .landing .landing-wrapper .landing-header .app-description{font-size:1.7rem}}@media only screen and (max-width:630px){.home .landing .landing-wrapper .landing-header .app-description{font-size:1.5rem}.home .landing .landing-wrapper .search-bar{flex-direction:column;align-items:flex-end;background:none;box-shadow:none}.home .landing .landing-wrapper .search-bar .autocomplete,.home .landing .landing-wrapper .search-bar .button{margin:0}.home .landing .landing-wrapper .search-bar .button.text-btn{background:var(--accent-color-1);box-shadow:3px 3px 10px rgba(0,0,0,.16);padding:.5em 1em;margin-top:1em}.home .landing .landing-wrapper .search-bar .button.text-btn:hover{opacity:1;transform:scale(1.1)}}.login{margin-top:100px;justify-content:center;align-items:center;flex-direction:row}.login,.login .button{display:flex}.login .button img{width:23px;margin-right:10px}.button{display:flex;position:relative;font-size:1.5rem;padding:1em 1.2em;border-radius:50px;background:var(--accent-color-1);flex-direction:row;justify-content:center;align-items:center;margin:0 auto;color:#fff;box-shadow:3px 3px 10px rgba(0,0,0,.16)}.button:hover{color:#efefef}.button.text-btn{background:none;box-shadow:none;color:var(--primary-color-1);padding:0 1em}.button.text-btn:hover{opacity:.7}.snackbar{display:flex;position:fixed;top:-100px;left:50%;min-height:40px;background:#cddfe6;min-width:300px;margin:0 auto;transform:translateX(-50%);color:#333;justify-content:center;align-items:center;padding:.7em 1em;box-shadow:3px 3px 6px rgba(0,0,0,.2);border-radius:5px;font-size:2.3rem;font-weight:600;-webkit-user-select:none;-ms-user-select:none;user-select:none;z-index:3000;transition:.3s ease-in-out}.snackbar.active{display:flex;top:13px}.snackbar h6{position:relative;display:flex;flex-direction:row;justify-content:space-between;align-content:center;width:100%}.snackbar h6 span{flex:1 1;margin-left:8px;word-wrap:break-word}.snackbar h6 img:first-of-type{width:22px;margin-left:0;justify-self:flex-start;cursor:unset}.snackbar h6 img{width:12px;margin-left:20px;cursor:pointer}.snackbar h6 img:hover{opacity:.8}@media only screen and (max-width:600px){.snackbar{font-size:1.8rem}}.spinner{position:relative;width:20px;height:20px;border-radius:50%;border:3px solid rgba(51,51,51,.2);border-top-color:#333;-webkit-animation:rotate .8s linear infinite;animation:rotate .8s linear infinite;margin:10px}@-webkit-keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.autocomplete{position:relative;display:flex;flex-direction:column;border-radius:5px;font-weight:500;margin:0 10px;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-animation:appear .5s ease-in-out;animation:appear .5s ease-in-out}.autocomplete .search-field{display:flex;position:relative;flex-direction:row;justify-content:center;align-items:center;background:#fff;border-radius:30px;border-top-left-radius:100px;border-bottom-left-radius:100px;font-size:1.6rem;box-shadow:0 2px 6px rgba(0,0,0,.16)}.autocomplete .search-field input[type=text]{background:none}.autocomplete .search-field .selected-options{position:relative;font-size:1.2rem;padding:0 .8em;background-color:var(--accent-color-1-light);align-self:stretch;display:flex;justify-content:center;align-items:center;border-radius:50%;color:#fff;width:35px;height:35px;left:2px;top:3px;box-shadow:0 1px 3px rgba(0,0,0,.2)}.autocomplete .search-field .selected-options:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:inherit}.autocomplete .search-field .icon{position:relative;margin-right:10px;display:flex;flex-direction:row;justify-content:center;align-items:center;transition:.2s;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}.autocomplete .search-field .icon:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%}.autocomplete .search-field .icon.cross img{width:11px;color:red}.autocomplete .search-field .icon img{width:13px;object-position:center;object-fit:contain}.autocomplete .search-field .icon:hover img{opacity:.7}.autocomplete .search-options{position:absolute;top:45px;width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background:#efefef;border-radius:inherit;margin-top:10px;font-size:1.3rem;padding-top:3px;opacity:0;visibility:hidden;transition:.1s;max-height:200px;overflow-y:scroll;z-index:100;box-shadow:3px 3px 6px rgba(0,0,0,.2)}.autocomplete .search-options::-webkit-scrollbar{width:8px}.autocomplete .search-options::-webkit-scrollbar-thumb{background:#c5c5c5;border-radius:inherit}.autocomplete .search-options::-webkit-scrollbar-thumb:hover{background:#afafaf}.autocomplete .search-options.active{opacity:1;visibility:visible}.autocomplete.active .icon{transform:rotate(180deg)}.autocomplete.active .icon.cross{transform:unset}@-webkit-keyframes appear{0%{transform:translateX(-18px)}to{transform:translateX(0)}}@keyframes appear{0%{transform:translateX(-18px)}to{transform:translateX(0)}}.checkbox{position:relative;margin-bottom:3px;font-size:inherit;color:#333;width:100%;font-weight:500;line-height:1}.checkbox .checkbox-wrapper{position:relative;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;padding:.8em .8em .8em 2.8em;font-size:1.4rem;text-align:left}.checkbox .checkbox-wrapper:hover input[type=checkbox]:checked+.checkmark{background:none;opacity:unset}.checkbox .checkbox-wrapper:hover .checkmark{background:var(--accent-color-1-light);opacity:.5}.checkbox .checkbox-wrapper input[type=checkbox]{position:absolute;opacity:0}.checkbox .checkbox-wrapper input[type=checkbox]:checked+.checkmark:before{left:0}.checkbox .checkbox-wrapper .checkmark{position:absolute;left:8px;top:50%;height:20px;width:20px;border:1px solid var(--accent-color-1-light);transform:translateY(-50%);border-radius:3px;transition:.1s;overflow:hidden;text-align:center}.checkbox .checkbox-wrapper .checkmark:before{content:"";position:relative;display:inline-block;top:2px;width:10px;height:10px;background:var(--accent-color-1-light);border-radius:2px;transition:.2s ease-in-out;left:-100%}.popup-menu-btn{position:relative;font-weight:300;font-size:1.1rem;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;max-width:150px;margin:0 15px}.popup-menu-btn .three-dots{position:relative;border:6px dotted #fff;border-bottom:0;width:25px;-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.popup-menu-btn .three-dots:hover{opacity:.7}.popup-menu-btn .popup-menu{position:absolute;top:20px;width:150px;display:inline-flex;flex-direction:column;justify-content:center;align-items:flex-start;background-color:#fff;border-radius:3px;-webkit-animation:slide-from-top .2s ease-in-out;animation:slide-from-top .2s ease-in-out;box-shadow:3px 3px 6px rgba(0,0,0,.2);z-index:400}.popup-menu-btn .popup-menu div{display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;padding:1.2em 1em;border-bottom:1px solid rgba(51,51,51,.1);width:100%}.popup-menu-btn .popup-menu div img{padding-right:10px;flex:0.2 1;width:100%;max-width:22px}.popup-menu-btn .popup-menu div span{flex:1 1}.popup-menu-btn .popup-menu div:last-of-type{border-bottom:unset}.popup-menu-btn .popup-menu div.active,.popup-menu-btn .popup-menu div:hover{color:#333}@-webkit-keyframes slide-from-top{0%{top:0;opacity:0}to{top:20px;opacity:1}}@keyframes slide-from-top{0%{top:0;opacity:0}to{top:20px;opacity:1}}.select-menu{flex-direction:column}.select-menu,.select-menu .selected-item{position:relative;display:flex;justify-content:center;align-items:center;font-weight:500}.select-menu .selected-item{font-size:2.5rem;padding:.8em;color:#fff;flex-direction:row;-webkit-user-select:unset;-ms-user-select:unset;user-select:unset;flex-grow:1;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;min-width:300px;transition:.2s}.select-menu .selected-item .spinner{width:20px;height:20px}.select-menu .selected-item img{position:relative;margin-left:10px;width:15px;object-position:center;object-fit:contain;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:.2s}.select-menu .selected-item img.active{transform:rotate(180deg)}.select-menu .selected-item img:hover{opacity:.7}.select-menu .select-options{position:absolute;font-size:1.4rem;top:60px;left:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;border-radius:5px;background:#fff;width:100%;box-shadow:0 3px 18px rgba(0,0,0,.2);overflow-y:scroll;max-height:200px;transition:.2s;-webkit-animation:show-up .3s;animation:show-up .3s;z-index:500}.select-menu .select-options::-webkit-scrollbar{width:0}.select-menu .select-options::-webkit-scrollbar-thumb{background:#c5c5c5;border-radius:inherit}.select-menu .select-options::-webkit-scrollbar-thumb:hover{background:#afafaf}.select-menu .select-options span{display:inline-block;padding:1.2em;width:100%;border-bottom:1px solid rgba(51,51,51,.08235294117647059);cursor:pointer}.select-menu .select-options span:first-of-type{border-top-left-radius:5px;border-top-right-radius:5px}.select-menu .select-options span:last-of-type{border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-bottom:unset}.select-menu .select-options span.active,.select-menu .select-options span:hover{background:#efefef}@-webkit-keyframes show-up{0%{opacity:0}to{opacity:1}}@keyframes show-up{0%{opacity:0}to{opacity:1}}.card{min-width:280px;min-height:150px;border-radius:5px;box-shadow:0 3px 20px rgba(0,0,0,.3);overflow:hidden}.card,.card .card-wrapper{position:relative;width:100%;height:100%}.card .card-wrapper{background:var(--primary-color-1);border-radius:inherit}.card .card-wrapper .content{position:relative}.card .card-wrapper .content img{width:100%;object-fit:cover;object-position:center;-o-object-fit:cover;-o-object-position:center;position:relative;top:5px}.card .card-wrapper .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.65);border-radius:inherit;z-index:100;cursor:pointer}.card .card-wrapper .overlay:hover h1{opacity:.7;transform:translate(-50%,-65%) scale(1.1)}.card .card-wrapper .overlay h1{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:300;font-size:2rem;width:100%;color:var(--primary-color-1);text-align:center;transition:.2s;padding:0 20px;text-shadow:1px 1px 3px hsla(0,0%,100%,.5)}.coursework-card{position:fixed;width:100vw;height:100%;top:0;left:50%;background-color:rgba(0,0,0,.25);z-index:2000;margin-left:-50vw}.coursework-card .coursework-card-wrapper{display:flex;flex-direction:column;align-items:center;position:absolute;top:50%;left:50%;background:var(--primary-color-1);transform:translate(-50%,-50%);width:80%;height:80%;max-height:900px;max-width:var(--max-width);padding:10px;border-radius:5px;box-shadow:0 3px 10px rgba(0,0,0,.3)}.coursework-card .coursework-card-wrapper .top-bar{position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:10px 0 20px;width:100%}.coursework-card .coursework-card-wrapper .top-bar .back-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;min-width:50px;left:0;top:0;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}.coursework-card .coursework-card-wrapper .top-bar .back-btn img{position:relative;width:40%}.coursework-card .coursework-card-wrapper .top-bar .back-btn:hover{opacity:.7}.coursework-card .coursework-card-wrapper .top-bar .coursework-headline{flex-grow:1;margin-left:2em}.coursework-card .coursework-card-wrapper .top-bar .coursework-headline h1{font-size:2.5rem;font-weight:600}.coursework-card .coursework-card-wrapper .top-bar .coursework-headline h6{position:absolute;font-weight:400;font-size:1.2rem}.coursework-card .coursework-card-wrapper .top-bar .popup-menu-btn-wrapper{right:0}.coursework-card .coursework-card-wrapper .top-bar .popup-menu-btn-wrapper span{font-weight:500}.coursework-card .coursework-card-wrapper .top-bar .popup-menu-btn-wrapper .popup-menu-btn .three-dots{border-color:var(--accent-color-1)}.coursework-card .coursework-card-wrapper .coursework-content{position:relative;width:100%;max-height:100%;padding:10px 50px 20px;overflow-y:scroll;z-index:-1}.coursework-card .coursework-card-wrapper .coursework-content::-webkit-scrollbar{width:4px}.coursework-card .coursework-card-wrapper .coursework-content::-webkit-scrollbar-thumb{background:var(--accent-color-1-light);border-radius:5px}.coursework-card .coursework-card-wrapper .coursework-content .filter{position:relative;display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;align-items:center;z-index:100;background:var(--primary-color-1);-webkit-user-select:none;-ms-user-select:none;user-select:none}.coursework-card .coursework-card-wrapper .coursework-content .filter .filter-item{display:flex;position:relative;flex-direction:row;justify-content:center;align-items:center;height:20px;margin:5px 20px 5px 0;font-size:1rem;font-weight:300;font-style:italic;cursor:pointer}.coursework-card .coursework-card-wrapper .coursework-content .filter .filter-item:first-of-type{margin-left:0}.coursework-card .coursework-card-wrapper .coursework-content .filter .filter-item .color-indicator{display:inline-block;height:50%;width:15px;border-radius:5px;margin-right:5px}.coursework-card .coursework-card-wrapper .coursework-content .filter .filter-item .indicator{font-size:1.2rem}.coursework-card .coursework-card-wrapper .coursework-content .coursework-submission-status{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding-bottom:10px;flex-wrap:wrap;border-bottom:1px solid rgba(51,51,51,.1)}.coursework-card .coursework-card-wrapper .coursework-content .coursework-submission-status:last-of-type{border-bottom:unset}.coursework-card .coursework-card-wrapper .coursework-content .coursework-submission-status h2{font-size:1.6rem;font-weight:500;font-style:italic;margin:.8em 0 .5em}.coursework-card .coursework-card-wrapper .coursework-content .coursework-submission-status .items{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap}.coursework-card .coursework-card-wrapper .coursework-content .coursework-submission-status .items span.info{font-weight:300;font-style:italic;text-transform:uppercase;font-size:1.2rem;color:#333}@media only screen and (max-width:900px){.coursework-card .coursework-card-wrapper .top-bar .coursework-headline h1{font-size:2rem}.coursework-card .coursework-card-wrapper{width:95%}}@media only screen and (max-width:900px){.coursework-card .coursework-card-wrapper .top-bar .coursework-headline h1{font-size:1.8rem}}@media only screen and (max-width:450px){.home .classroom-coursework{width:95%}.home .classroom-coursework .select-menu .selected-item{font-size:2rem}.coursework-card .coursework-card-wrapper .coursework-content .coursework-submission-status .items{flex-direction:column}.home .classroom-coursework .classroom-coursework-wrapper{padding-left:28px;padding-right:28px}}.avatar{position:relative;font-size:1.3rem;margin:15px;width:120px;text-align:center;font-weight:400;flex-direction:row;justify-content:center;align-items:center;transition:.3s ease-in-out;cursor:pointer}.avatar,.avatar.display .avatar-details{display:flex}.avatar.active{justify-content:flex-start;align-items:flex-start;background:#efefef;width:350px;min-height:190px;border-radius:5px;border-top-left-radius:150px;padding:1em;z-index:500;overflow-wrap:break-word;text-align:left;box-shadow:0 3px 6px rgba(0,0,0,.15)}.avatar.active .avatar-details{visibility:visible;opacity:1}.avatar.active .avatar-wrapper{width:120px;align-items:flex-start;text-align:left}.avatar:hover .avatar-wrapper .avatar-icon-wrapper:before{-webkit-animation:stretch .8s ease-in-out infinite alternate;animation:stretch .8s ease-in-out infinite alternate;-webkit-animation-delay:.1s;animation-delay:.1s}.avatar:hover .avatar-wrapper .avatar-icon{-webkit-animation:float .8s ease-in-out infinite alternate;animation:float .8s ease-in-out infinite alternate}.avatar .avatar-wrapper{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:.3s ease-in-out;text-align:center}.avatar .avatar-wrapper .avatar-icon-wrapper{position:relative;width:70px;height:70px;border-radius:50%;margin-bottom:28px}.avatar .avatar-wrapper .avatar-icon-wrapper:before{content:"";position:absolute;width:90%;height:8px;bottom:-18px;left:50%;background:rgba(51,51,51,.15);filter:blur(2px);-webkit-filter:blur(2px);border-radius:50%;transform:translateX(-50%)}.avatar .avatar-wrapper .avatar-icon{position:relative;width:70px;height:70px;border:3px solid #e57575;border-radius:50%;margin-bottom:20px;background:#fff}.avatar .avatar-wrapper .avatar-icon img{position:relative;width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center}.avatar .avatar-wrapper .avatar-content-wrapper{display:flex;flex-direction:column}.avatar .avatar-details{visibility:hidden;display:none;position:relative;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding-top:.5em;font-size:inherit;margin-left:1em;flex:1 0;max-height:200px;overflow-y:scroll;opacity:0;transition:.2s ease-in-out .3s}.avatar .avatar-details::-webkit-scrollbar{width:0}@-webkit-keyframes float{0%{transform:translateY(0)}to{transform:translateY(5px)}}@keyframes float{0%{transform:translateY(0)}to{transform:translateY(5px)}}@-webkit-keyframes stretch{0%{width:90%;height:8px;background:rgba(51,51,51,.15)}to{width:60%;height:4px;background:rgba(51,51,51,.18)}}@keyframes stretch{0%{width:90%;height:8px;background:rgba(51,51,51,.15)}to{width:60%;height:4px;background:rgba(51,51,51,.18)}}@media only screen and (max-width:490px){.avatar.active{flex-direction:column;border-radius:5px;width:100%}.avatar.active,.avatar.active .avatar-content-wrapper,.avatar.active .avatar-wrapper{justify-content:center;align-items:center}}.item-list{display:flex;flex-direction:column;margin-bottom:.2em;width:100%}.item-list h3{display:flex;font-size:inherit;font-weight:500;margin-bottom:.3em}.item-list h3 img{width:11px;margin-right:5px}.item-list span{font-size:1.1rem;font-weight:300;font-style:italic;border-bottom:1px solid rgba(51,51,51,.1);padding:.7em 0}.item-list span:first-of-type{padding-top:0}.item-list span:last-of-type{border-bottom:none}.course-report{position:relative;width:100%;height:100%;display:flex;flex-direction:column}.course-report .top-bar{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin:20px 0}.course-report .top-bar .control button{color:var(--accent-color-1);font-size:1.7rem;text-transform:uppercase}.course-report .top-bar .headline{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;position:relative;padding:5px 0 5px 20px}.course-report .top-bar .headline h1{font-size:2.5rem;font-weight:500}.course-report .top-bar .headline h3{font-size:2rem;font-weight:400}.course-report .content{position:relative;height:80%;width:100%;background:#fff;box-shadow:5px 5px 20px rgba(0,0,0,.16),-5px -5px 20px rgba(0,0,0,.16);margin-top:20px;padding:30px;border-radius:5px;overflow-y:scroll}.course-report .content::-webkit-scrollbar{width:4px}.course-report .content::-webkit-scrollbar-thumb{background:var(--accent-color-1-light);border-radius:5px}.course-report .content .top-bar{margin:0 0 20px;flex-wrap:wrap}.course-report .content .top-bar .filter{position:relative;display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;align-items:center;z-index:100;-webkit-user-select:none;-ms-user-select:none;user-select:none}.course-report .content .top-bar .filter .filter-item{display:flex;position:relative;flex-direction:row;justify-content:center;align-items:center;height:20px;margin:5px 20px 5px 0;font-size:1rem;font-weight:300;font-style:italic}.course-report .content .top-bar .filter .filter-item:first-of-type{margin-left:0}.course-report .content .top-bar .filter .filter-item .color-indicator{display:inline-block;height:50%;width:15px;border-radius:5px;margin-right:5px}.course-report .content .top-bar .filter .filter-item .indicator{font-size:1.2rem}.course-report .content .top-bar .date-input-wrapper{position:relative;display:flex;flex-direction:row;border:1.6px solid var(--accent-color-1-light);border-radius:5px;padding:2px 0}.course-report .content .top-bar .date-input-wrapper input[type=month]{padding:3px 5px;border:none;border-right:1.8px solid var(--accent-color-1-light)}.course-report .content .top-bar .date-input-wrapper input[type=month]:focus{outline:none}.course-report .content .top-bar .date-input-wrapper .submit{color:var(--accent-color-1);font-size:1.2rem;border-radius:0;text-transform:uppercase}.course-report .data{display:flex;flex-direction:row;flex-wrap:wrap}.course-report .data .spinner{width:40px;height:40px}.doughnut-chart{--pi:3.14159265359;--a1:0;--a2:0;--a3:0;--r:80;width:200px;height:200px;position:relative;display:flex;justify-content:center;align-items:center}.doughnut-chart span{position:absolute;font-size:1.3rem;font-weight:500;color:#000;padding:50px;word-break:break-word;text-align:center}svg{width:100%;height:100%;display:flex;justify-content:center;align-items:center}@-webkit-keyframes percent1{to{stroke-dasharray:calc(var(--pi)*2*var(--r)*var(--a1)/100) calc(var(--pi)*2*var(--r)*(1 - var(--a1)/100))}}@keyframes percent1{to{stroke-dasharray:calc(var(--pi)*2*var(--r)*var(--a1)/100) calc(var(--pi)*2*var(--r)*(1 - var(--a1)/100))}}@-webkit-keyframes percent2{to{stroke-dasharray:calc(var(--pi)*2*var(--r)*var(--a2)/100) calc(var(--pi)*2*var(--r)*(1 - var(--a2)/100))}}@keyframes percent2{to{stroke-dasharray:calc(var(--pi)*2*var(--r)*var(--a2)/100) calc(var(--pi)*2*var(--r)*(1 - var(--a2)/100))}}@-webkit-keyframes percent3{to{stroke-dasharray:calc(var(--pi)*2*var(--r)*var(--a3)/100) calc(var(--pi)*2*var(--r)*(1 - var(--a3)/100))}}@keyframes percent3{to{stroke-dasharray:calc(var(--pi)*2*var(--r)*var(--a3)/100) calc(var(--pi)*2*var(--r)*(1 - var(--a3)/100))}}.donut{transform-origin:center center;transition:.5s ease-in-out;stroke-dashoffset:0;cursor:pointer;stroke-linecap:round}.donut:first-child{transform:rotate(-90deg);-webkit-animation:percent1 1s ease-in-out forwards;animation:percent1 1s ease-in-out forwards}.donut:nth-child(2){transform:rotate(calc(-90deg + var(--a1)*360deg/100));-webkit-animation:percent2 1s ease-in-out forwards;animation:percent2 1s ease-in-out forwards}.donut:nth-child(3){transform:rotate(calc(-90deg + var(--a1)*360deg/100 + var(--a2)*360deg/100));-webkit-animation:percent3 1s ease-in-out forwards;animation:percent3 1s ease-in-out forwards}.donut:hover{stroke-width:7}
/*# sourceMappingURL=main.a5c91752.chunk.css.map */