:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f7f7fc}body{margin:0;min-width:320px}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Regular.ttf)}@font-face{font-family:RobotoBold;src:url(/fonts/Roboto-Bold.ttf)}@font-face{font-family:RobotoItalic;src:url(/fonts/Roboto-Italic.ttf)}p{font-family:Roboto}h1,input{font-family:RobotoBold}#root{max-width:1280px;margin:0 auto}.card_wrapper{border-radius:8px;background-color:#fff;padding:12px 16px;min-height:150px;display:flex;flex-direction:column;justify-content:space-between}.card_title{font-size:16px;line-height:auto;text-align:center;font-weight:600;margin:0}.card_description{margin:0;font-size:14px;line-height:auto;text-align:center;color:#92929d}.open_card_button{font-family:Roboto;background-color:#b5d5ff;border:none;border-radius:30px;color:#55759c;width:100%;font-size:12;padding:4px 0}.open_card_button:hover{cursor:pointer;background-color:#a7cbfa}.open_card_button:active{background-color:#91bbf2}.grid-container{display:grid;gap:32px;max-width:1200px}.grid-item{background-color:#f0f0f0;border-radius:8px;text-align:center}@media (min-width: 1024px){.grid-container{grid-template-columns:repeat(4,1fr)}}@media (min-width: 681px) and (max-width: 1023px){.grid-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 680px){.grid-container{grid-template-columns:1fr}}#dashboard_header{position:absolute;top:0;left:0;width:100vw;height:100px}#dashboard_header_wrapper{max-width:1200px;height:100%;margin:0 auto;display:flex;flex-direction:row;justify-content:space-between;align-items:center}#dashboard_content{max-width:1200px;margin:100px auto;height:calc(100vh - 200px);overflow-y:scroll}#dashboard_footer{position:absolute;bottom:0;left:0;width:100vw;height:100px}#dashboard_footer_wrapper{max-width:1200px;height:100%;margin:0 auto;display:flex;flex-direction:row;justify-content:flex-end;align-items:center}#dashboard_header_title{font-size:2em;font-weight:700}#dashboard_search_container{display:flex;flex-direction:row;align-items:center}#dashboard_search_button{width:40px;height:40px;background-color:#f1f1f5;border-radius:8px;border:none;margin-left:10px}#dashboard_search_button:hover{cursor:pointer}#dashboard_search{background-color:#fff;border-radius:8px;width:300px;border:none;padding:12px 24px}#dashboard_search::placeholder{color:#acacac}#logout_container{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;background-color:inherit}#dashboard_footer_logout_text{color:#acacac;border:none}.logout_icon{width:24px;height:24px}.logout_icon:hover,#dashboard_footer_logout_text:hover{cursor:pointer}#dashboard_title_container{display:flex;flex-direction:row;align-items:center}#hamburger_button:hover>.hamburger_bar{background-color:#232323}#settings_icon{width:20px;height:20px;margin-right:20px}#settings_icon:hover{cursor:pointer}@media (max-width: 700px){#dashboard_footer{display:none}#dashboard_content{margin:150px auto 0;height:calc(100vh - 150px)}#dashboard_search{flex:1}#dashboard_header_wrapper{flex-direction:column;align-items:center}#dashboard_search_container{width:100%}#dashboard_title_container{width:100%;display:flex;flex-direction:row}}@media (max-width: 1264px){#dashboard_content_wrapper{padding:24px 32px}#dashboard_footer_wrapper,#dashboard_header_wrapper{padding:0 32px}}.drawer-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out;pointer-events:none}.drawer-overlay.open{opacity:1;visibility:visible;pointer-events:auto}.drawer{position:fixed;top:0;height:100vh;background:#fff;box-shadow:2px 0 10px #0003;transition:transform .3s ease-in-out;padding:0 24px}.drawer.left{left:0;transform:translate(-100%)}.drawer.right{right:0;transform:translate(100%)}.drawer.slide-in{transform:translate(0)}.drawer.slide-out{transform:translate(100%)}.drawer.left.slide-out{transform:translate(-100%)}.drawer-close{position:absolute;top:10px;right:10px;background:none;border:none;font-size:24px;cursor:pointer}.dropdown{position:relative;width:100%;font-family:Arial,sans-serif}.dropdown-header{background:#fff;padding:10px;border:1px solid #ccc;cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-radius:5px}.dropdown-title{font-size:16px;font-weight:500;color:#1b1b1bb3}.dropdown-header:hover{background:#f0f0f0}.arrow{transition:transform .2s ease}.arrow.open{transform:rotate(180deg)}.dropdown-list{position:absolute;width:100%;background:#fff;border:1px solid #ccc;border-top:none;box-shadow:0 4px 6px #0000001a;list-style:none;padding:0;margin:0;max-height:150px;overflow-y:auto;border-radius:5px;z-index:1000}.dropdown-list li{padding:10px;cursor:pointer}.dropdown-list li:hover{background:#f0f0f0}#virtuoso_custom{transition:font-size .5s ease-in-out}#virtuoso_custom table{width:100%}#lecture_header{position:absolute;top:0;left:0;width:100vw;background-color:#eaeaea}#lecutre_header{background-color:#eaeaea}#lecture_header_wrapper{max-width:1200px;height:100%;margin:0 auto}#lecture_title_container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}#lecture_header_title{font-size:1.5em;font-weight:400;letter-spacing:4px}#lecture_header_toolbar{display:flex;align-items:center}#lecture_header_toolbar>img{cursor:pointer}@media (max-width: 1264px){#lecture_header_wrapper{padding:0 32px}}@media (max-width: 700px){#lecture_title_container{flex-direction:column}}#landing_page_wrapper{width:100vw;height:100svh;display:flex;place-items:center}#landing_page_container{flex:1;display:flex;flex-direction:row;justify-content:center}#loader{width:50px;aspect-ratio:1.154;position:relative;background:conic-gradient(from 120deg at 50% 64%,#0000,#2b8dff 1deg,#2b8dff 120deg,#0000 121deg);animation:l27-0 1.5s infinite cubic-bezier(.3,1,0,1)}#loader:before,#loader:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:inherit;transform-origin:50% 66%;animation:l27-1 1.5s infinite}#loader:after{--s: -1}@keyframes l27-0{0%,30%{transform:rotate(0)}70%{transform:rotate(120deg)}70.01%,to{transform:rotate(360deg)}}@keyframes l27-1{0%{transform:rotate(calc(var(--s, 1)*120deg)) translate(0)}30%,70%{transform:rotate(calc(var(--s, 1)*120deg)) translate(calc(var(--s, 1)*-5px),10px)}to{transform:rotate(calc(var(--s, 1)*120deg)) translate(0)}}#copyright_container{position:absolute;left:24px;bottom:24px;color:#acacac}
