@import"https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap";.login-title{font-size:8em;background-position:50px 30px!important}@media (min-width: 601px){.login-title{font-size:12em;background-position:50px 340px!important}}.spinner{position:relative;width:50px;height:50px;margin:250px auto 0}.dot{position:absolute;top:0;left:0;width:100%;height:100%}.dot:before{content:"";position:absolute;top:0;left:50%;width:10px;height:10px;background:#fff;border-radius:50%;transform:translate(-50%) rotate(calc(var(--i) * 30deg)) translateY(36px);animation:fade 3s linear infinite;animation-delay:calc(var(--i) * -.1s)}@keyframes fade{0%,to{opacity:.2}50%{opacity:1}}.loading-button{background-position:50px 310px!important;font-size:5em}:root{--primary-color: #1F1A2F;--green: rgba(2, 255, 6, .6)}#root{overflow:hidden}body{margin:0;padding:0;font-family:Lexend,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.main{min-height:100vh;display:flex;flex-direction:column}.dark{background-color:#0d0d0d;color:#fff;--navbar-background: #05000F;--sidebar-active: #0D0D0D;--sidebar-header-color: #9E9E9E;--unit-viewer-column-header-color: gray;--dropdown-background-color: #181521;--font-color: white}.light{background-color:#fff;color:#000}.image-text{font-weight:700;background-image:url(/ocean.png);background-size:270px 146px;background-repeat:repeat;background-position:50px 195px;background-clip:text;background-attachment:fixed;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}a:link,a:visited{text-decoration:inherit;color:inherit}a:hover,button:hover{opacity:.8}.primary-button{background-color:var(--primary-color);color:var(--font-color);padding:20px 50px}.center{text-align:center}.container{display:flex;flex:1;max-height:92vh}.main-content{flex:1;overflow-y:auto;display:flex;flex-direction:column;overflow-x:hidden}input{padding:10px 15px;text-align:left;background-color:var(--sidebar-active);color:var(--color);font-weight:700;font-family:Lexend,sans-serif;border-radius:20px;border:0}input:focus{outline:0}label{color:var(--sidebar-header-color);font-weight:700}p{margin:0;padding:0}.solid-modal-overlay{background-color:#000c!important;z-index:1001}.solid-modal-content{position:fixed;padding:3rem;top:50%;left:50%;transform:translate(-50%,-50%);overflow:auto;border-radius:1rem;max-height:90%;max-width:90%;background-color:var(--sidebar-active)}.solid-modal-content:focus{outline:none}.solid-select-container{background-color:var(--dropdown-background-color)!important;border:0!important;outline:0!important;border-radius:20px!important;padding:5px}.solid-select-control{display:flex!important;border:0!important;outline:0!important}.solid-select-list{background-color:var(--dropdown-background-color)!important}.solid-select-single-value{background-color:#000!important;padding:0 10px;border-radius:5px}.solid-select-multi-value{background-color:#000!important}.solid-select-option[data-focused=true]{background-color:var(--dropdown-background-color)!important}.solid-select-option:hover{background-color:var(--dropdown-background-color)!important;cursor:pointer;opacity:.8}.save-changes{background-color:var(--green);color:#fff;padding:10px 30px;border-radius:20px;display:block}.discard-changes{background-color:gray;color:#fff}h2{margin:0}a[href=""]{pointer-events:none;cursor:default;color:red;text-decoration:none}input[readonly]{cursor:pointer}textarea{width:100%;max-width:600px;min-width:200px;height:200px;box-sizing:border-box;resize:none;border-radius:30px;background-color:var(--sidebar-active);border:0;outline:0;color:var(--font-color);padding:20px}textarea:read-only{cursor:default}.edit-mode{border:1px solid var(--green)}.navbar{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background-color:var(--navbar-background);height:8vh;transform:translateZ(0);z-index:1000}.navbar-brand{font-size:1.4rem;text-decoration:none;margin-left:20px;cursor:pointer}.navbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.navbar-actions img,.navbar-actions svg{width:35px;height:35px;border-radius:50%;object-fit:cover}.navbar-actions .user-image{margin-right:20px}.sidebar{width:250px;padding:20px;overflow-y:auto;background-color:var(--primary-color);display:grid;grid-template-rows:auto 1fr auto;position:relative;overflow-x:hidden;height:87vh}.sidebar-header{display:flex;align-items:center;position:relative}.sidebar h2{color:var(--sidebar-header-color)}.hamburger{position:absolute;right:-15px;top:50%;transform:translateY(-50%);border-radius:50%;padding:8px;cursor:pointer;z-index:2;background-color:var(--primary-color)}.hamburger-closed div{padding:20px;background-color:var(--primary-color);cursor:pointer;position:relative;left:-15px;top:-10px;border-radius:20px;text-align:center}.hamburger svg{font-size:20px}.sidebar ul{list-style:none;position:relative;padding:0}.sidebar .menu li{margin-bottom:8px;padding:15px;display:flex;align-items:center;gap:20px;cursor:pointer}.sidebar ul li svg{font-size:24px;flex-shrink:0}.sidebar a{display:block}.sidebar .active{background-color:var(--sidebar-active);border-radius:20px}.sidebar ul li:hover{opacity:.8}.submenu{padding-left:15px!important;margin-top:4px}.submenu li{margin-bottom:4px}.sidebar-overlay{position:fixed;z-index:1000;transform:translate(-100%);transition:transform .3s ease,box-shadow .3s ease;top:8vh;left:0;bottom:0}.sidebar-overlay.sidebar-open{transform:translate(0);box-shadow:0 0 15px #0003}.content-dimmed:before{content:"";position:fixed;inset:0;background:#00000080;z-index:999;opacity:0;pointer-events:none;transition:opacity .3s ease}.content-dimmed.dimmed:before{opacity:1;pointer-events:auto}@media (min-width: 674px){.sidebar-overlay{transform:none!important;box-shadow:none!important}}.logout-button{text-align:center;background-color:#b00606;color:#fff;padding:20px;border-radius:30px;cursor:pointer}.user-settings-header{display:flex;justify-content:space-between;align-items:center;width:85%;margin:0 auto}.user-settings-closer{background-color:var(--primary-color);padding:15px 16px 10px;border-radius:50%;font-size:30px;cursor:pointer}.user-settings-closer:hover{opacity:.8}.user-settings-account{display:flex;align-items:flex-end;flex-wrap:wrap-reverse;justify-content:space-between;background-color:var(--primary-color);width:66%;margin:auto;padding:50px;border-radius:50px}.user-settings-upload-image{text-align:center}.user-settings-upload-image img{width:130px;height:130px;border-radius:50%}.upload-image-button{padding:10px 15px;text-align:left;background-color:var(--sidebar-active);color:var(--color);font-weight:700;font-family:Lexend,sans-serif;border-radius:20px;border:0;display:block;margin-top:10px;cursor:pointer}.upload-image-button:hover{opacity:.8}.user-settings-info{display:flex;flex-direction:column;gap:20px}.user-settings-info input{width:30ch;font-size:.8em}.user-settings-info label{font-size:1.3em}.user-settings-info>div{display:flex;flex-direction:column;gap:10px}.user-settings-roles{display:flex;flex-direction:row;gap:5px;flex-wrap:wrap}.user-settings-info>div>p{font-size:1.3em;color:var(--sidebar-header-color);font-weight:700;margin:0}.user-settings-role{padding:10px 15px;text-align:left;background-color:var(--sidebar-active);color:var(--color);font-weight:700;font-family:Lexend,sans-serif;border-radius:20px;border:0}.user-settings-themes{width:80%;margin:0 auto;display:flex;gap:30px;flex-wrap:wrap;align-items:center;justify-content:center}.user-settings-theme{display:flex;flex-direction:column;justify-content:center;align-items:center}.user-settings-theme:hover{opacity:.8;cursor:pointer}.user-settings-theme-image{width:270px;height:150px;background-size:270px 150px;background-repeat:no-repeat;border-radius:20px}.user-settings-action-buttons{display:flex;flex-wrap:wrap;gap:10px}.user-settings-action-buttons button{border-radius:20px;padding:10px 5px;flex:.5}.super-admin{text-align:center}.manipulate-roles{gap:20px;display:flex}.manipulate-roles button{padding:10px;border-radius:30px}.oops{font-size:7em;background-position:50px 310px!important}@media (min-width: 601px){.oops{font-size:12em;background-position:50px 200px!important}}.unit-viewer-header{display:flex;justify-content:space-between;flex-wrap:wrap}.unit-viewer-page-switcher{display:flex;align-items:flex-start;font-size:35px;font-weight:700}.unit-viewer-header-title{font-size:35px;font-weight:700}.unit-viewer-page-switcher svg{margin-bottom:-5px}.unit-viewer-content{margin-top:50px;display:flex;flex-flow:nowrap;justify-content:center}.unit-viewer-content{font-size:1em}.unit-viewer-column-header{font-weight:700;color:var(--unit-viewer-column-header-color);text-align:center}.unit-viewer-lecture-box{background-color:var(--primary-color);margin:10px;border-radius:1.5em;padding:10px;width:250px;font-size:1em;padding-bottom:0!important}.maximize-size{min-height:100px;margin:20px;padding:10px 20px 20px 10px}.unit-viewer-lecture-box:hover{opacity:.8;cursor:pointer}.unit-viewer-lecture-box p{padding:5px}@media (max-width: 1360px){.unit-viewer-content{flex-direction:column;flex-wrap:nowrap;align-items:center;gap:10px}}.unit-viewer-actions{display:flex;justify-content:center;align-items:center;gap:10px}.add-button{background-color:#2196f3;border-radius:50%;width:40px;height:40px;font-size:3em;align-items:center;display:flex;justify-content:center}.add-button:hover{cursor:pointer;opacity:.8}.lecture-viewer-header{justify-content:space-between;display:flex;width:95%;margin:0 auto}@media (max-width: 475px){.lecture-viewer-header{flex-wrap:wrap;flex-direction:column-reverse}}.lecture-viewer-closer{background-color:var(--primary-color);padding:15px 16px 10px;border-radius:50%;font-size:30px;cursor:pointer;width:35px;height:35px;text-align:center}.lecture-viewer-closer:hover{opacity:.8}.lecture-viewer-content{width:95%;flex-wrap:wrap;background-color:var(--primary-color);padding:15px;margin-top:5px;border-radius:30px}.lecture-viewer-topper{display:flex;justify-content:space-between;flex-wrap:wrap}.lecture-viewer-actions{display:flex;gap:15px;font-size:16px;align-items:center}.lecture-viewer-materials-page{margin-top:30px}.lecture-viewer-padding{padding:15px}.lecture-viewer-main-link{display:flex;gap:20px}.lecture-viewer-main-link input{font-size:1em;max-width:13ch;text-align:center}.lecture-viewer-main-link svg{font-size:35px;color:gray}.lecture-viewer-main-link img{width:35px;height:35px}.lecture-viewer-main-links{display:flex;flex-direction:column;gap:30px}.lecture-viewer-materials-page{margin-top:40px!important}.lecture-viewer-navbar{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.lecture-viewer-navbar-item{display:flex;justify-content:flex-end;flex-direction:column}.lecture-viewer-navbar-item p{padding:15px 25px;background-color:var(--primary-color);border-radius:20px 20px 0 0;font-size:.9em;cursor:pointer;color:gray;margin-bottom:-15px}.lecture-viewer-navbar .active{color:#fff!important}.lecture-viewer-main-content{display:flex;justify-content:space-between;flex-wrap:wrap}iframe{border:0}.recordings-buttons{display:flex;gap:10px;flex-wrap:wrap}.recordings-buttons p{padding:20px;cursor:pointer;color:gray}.recordings-buttons p:hover{opacity:.8}.recordings-buttons .active{color:#fff}.lecture-box-outside-icons{display:flex;justify-content:center;align-items:center;text-align:center;color:gray;font-size:20px;gap:15px}.lecture-box-outside-icons a{display:block}.lecture-box-outside-icons img{width:20px}.dropbtn{background-color:var(--dropdown-background-color);padding:10px 30px;border-radius:20px;font-size:16px;border:none;cursor:pointer;width:130px}.dropbtn-active{border-radius:20px 20px 0 0}.dropbtn:hover{opacity:.8}.dropdown{position:relative;display:inline-block;flex-shrink:0}.dropdown-content{position:absolute;background-color:var(--dropdown-background-color);width:130px;box-shadow:0 8px 16px #0003;z-index:1;right:0;border-radius:0 0 20px 20px}.dropdown-content button{padding:12px 16px;text-decoration:none;display:block}.dropdown-content a:hover{opacity:.8}.create-lecture-modal{min-width:70%;min-height:70%}.create-lecture-modal form{display:flex;flex-direction:column;gap:20px}.create-lecture-modal input{background-color:var(--dropdown-background-color)}.create-lecture-modal>form>div{display:flex;flex-direction:column;gap:5px}.create-lecture-modal .lecture-times-inputs{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.create-lecture-modal .lecture-times-inputs div{display:flex;flex-direction:column;gap:10px}.create-lecture-modal .add-button{width:30px;height:30px;font-size:2em}.create-lecture-modal .group{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:flex-start;align-items:start;gap:5px}.create-lecture-modal .group>div{display:flex;gap:10px;justify-content:center;align-items:center;flex:1}.create-lecture-modal .groups{margin-top:10px;display:flex;flex-wrap:wrap}.create-lecture-action-buttons button{padding:10px;border-radius:20px;display:block;width:200px}.create-lecture-action-buttons{margin-top:50px;align-items:flex-end;display:flex;flex-direction:row}.solid-select-container *{box-sizing:border-box;border:0px solid transparent;line-height:normal}.solid-select-container[data-disabled=true]{pointer-events:none}.solid-select-container{position:relative;background-color:#fff;box-sizing:border-box;border-radius:.25rem;min-width:5rem}.solid-select-control{border:1px solid rgb(229,231,235);border-radius:inherit;display:grid;grid-template-columns:repeat(1,minmax(0,1fr));padding:.25rem .5rem;outline:2px solid transparent;outline-offset:2px}.solid-select-control[data-disabled=true]{background-color:#f3f4f6;border-color:#d1d5db}.solid-select-control[data-multiple=true][data-has-value=true]{display:flex;flex-wrap:wrap;align-items:stretch;gap:.25rem}.solid-select-control:focus-within{outline-color:#d1d5db}.solid-select-placeholder{color:#9ca3af;grid-column-start:1;grid-row-start:1}.solid-select-single-value{grid-column-start:1;grid-row-start:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.solid-select-multi-value{background-color:#f3f4f6;border-radius:.25rem;display:flex;align-items:center;font-size:85%;padding-left:4px;padding-right:4px;min-width:20px}.solid-select-multi-value>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.solid-select-multi-value-remove{padding-left:.25rem;padding-right:.25rem}.solid-select-multi-value-remove:hover{text-shadow:1px 1px 3px rgb(0 0 0 / 29%),2px 4px 7px rgb(73 64 125 / 35%)}.solid-select-input{background-color:transparent;border-width:0px;flex:1 1 0%;margin:0;padding:0;caret-color:transparent;grid-column-start:1;grid-row-start:1;font:inherit;outline:none}.solid-select-input:read-only{cursor:default}.solid-select-input[data-multiple=true],.solid-select-input[data-is-active=true]{caret-color:currentColor}.solid-select-list{background-color:inherit;border-radius:.125rem;margin-top:.25rem;max-height:50vh;width:100%;overflow-y:auto;padding:.5rem;position:absolute;box-shadow:0 0 #0000,0 0 #0000,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;z-index:1}.solid-select-option:hover{background-color:#e5e7eb}.solid-select-option[data-focused=true]{background-color:#f3f4f6}.solid-select-option mark{background-color:unset;color:unset;text-decoration-line:underline}.solid-select-option{cursor:default;padding:.5rem 1rem;user-select:none}.solid-select-option[data-disabled=true]{pointer-events:none;color:#9ca3af}.solid-select-list-placeholder{cursor:default;padding:.5rem 1rem;user-select:none}.edit-button{width:43px;height:43px}.edit-button:hover{cursor:pointer;opacity:.8}