html,body{margin:0;padding:0;box-sizing:border-box;font-size:16px}.nav-dark{background:rgb(24,39,56);transition:background .3s}.nav-light{background:rgb(74,0,224);transition:background .3s}.app{text-align:center}.app .backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.7);z-index:99;padding-right:5px;padding-left:5px;display:flex;justify-content:center;align-items:center}.app .button-fab{width:min(100%,150px);height:min(100%,36px);font-size:16px;padding:4px 0 0;text-transform:none}.app .date-picker{width:min(100%,200px);height:min(100%,36px)}.app .display-none{display:none}.app .icon{font-size:22px}.app .icon-interactive{align-self:center;cursor:pointer;transition:.2s}.app .icon-interactive:hover{transform:scale(1.1)}.app .input{font-size:16px}.app .link,.app .link-dark{text-decoration:none;color:inherit}.app .link-dark{text-decoration:none;color:#fff}.app .page,.app .page-compact,.app .page-full{min-height:100vh;width:100%;max-width:100%;margin-left:0;padding:0 10px;transition:.3s}.app .page-full{width:calc(100% - 3.5rem);margin-left:3.5rem}.app .page-compact{width:calc(100% - 15rem);margin-left:15rem}.app .select{width:min(100%,150px);height:min(100%,36px);font-size:16px}.app .fade-in{animation:fade-in .8s cubic-bezier(.39,.575,.565,1) both}@keyframes fade-in{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.app .scale-in{animation:scale-in .5s cubic-bezier(.25,.46,.45,.94) both}@keyframes scale-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.app .opacity-transition{animation:opacity-transition .5s cubic-bezier(.25,.46,.45,.94) both}@keyframes opacity-transition{0%{opacity:0}to{opacity:1}}@media only screen and (max-width: 900px){.app .page,.app .page-full,.app .page-compact{min-height:93vh;margin-top:7vh}.app .page-full,.app .page-compact{width:100rem;margin-left:0}}.navbar{height:min(100%,7vh);position:fixed;top:0;left:0;z-index:50;display:grid;grid-template-rows:100%;grid-template-columns:100%;align-items:center;box-shadow:0 0 4px #000000b3;max-width:100%;transition:width .3s}.navbar .navbar-main{width:100%;height:100%;display:flex;justify-content:flex-start;align-items:center;padding:.2rem .5rem}.navbar .navbar-main .toggle-sidebar-icon-container,.navbar .navbar-main .toggle-sidebar-icon-container-dark{height:min(100%,2.5rem);display:flex;justify-content:flex-start;align-items:center;white-space:nowrap;position:relative;padding:0 .5rem;gap:1rem;transition:.3s;border-radius:20px;cursor:pointer}.navbar .navbar-main .toggle-sidebar-icon-container .toggle-sidebar-icon,.navbar .navbar-main .toggle-sidebar-icon-container-dark .toggle-sidebar-icon{position:relative;display:block;color:#fff;font-size:23px}.navbar .navbar-main .toggle-sidebar-icon-container .toggle-sidebar-text,.navbar .navbar-main .toggle-sidebar-icon-container-dark .toggle-sidebar-text{color:#fff;font-size:1.2rem;transform:translateY(2px)}.navbar .navbar-main .toggle-sidebar-icon-container-dark .toggle-sidebar-icon-dark{color:#fff;font-size:23px}.navbar .navbar-main .toggle-sidebar-icon-container-dark .toggle-sidebar-text-dark{color:#fff;font-size:1.2rem;transform:translateY(2px)}.navbar .navbar-main .toggle-sidebar-icon-container:hover,.navbar .navbar-main .toggle-sidebar-icon-container-dark:hover{background:white;box-shadow:0 0 2px #000000b3}.navbar .navbar-main .toggle-sidebar-icon-container:hover .toggle-sidebar-icon,.navbar .navbar-main .toggle-sidebar-icon-container-dark:hover .toggle-sidebar-icon,.navbar .navbar-main .toggle-sidebar-icon-container:hover .toggle-sidebar-text,.navbar .navbar-main .toggle-sidebar-icon-container-dark:hover .toggle-sidebar-text{color:#000}.navbar .navbar-main .toggle-sidebar-icon-container-dark:hover{background:black}.navbar .navbar-main .toggle-sidebar-icon-container-dark:hover .toggle-sidebar-icon-dark{color:#fff}.navbar-full{width:min(100%,15rem)}.navbar-compact{width:min(100%,3.5rem)}.navbar-hidden{box-shadow:none;background:none}.navbar-hidden .navbar-main .toggle-sidebar-icon-container .toggle-sidebar-icon,.navbar-hidden .navbar .navbar-main .toggle-sidebar-icon-container-dark .toggle-sidebar-icon,.navbar .navbar-hidden .navbar-main .toggle-sidebar-icon-container-dark .toggle-sidebar-icon{color:#000}.navbar-hidden .navbar-main .toggle-sidebar-icon-container-dark .toggle-sidebar-icon-dark{color:#fff}.navbar-hidden .navbar-main .toggle-sidebar-icon-container:hover,.navbar-hidden .navbar .navbar-main .toggle-sidebar-icon-container-dark:hover,.navbar .navbar-hidden .navbar-main .toggle-sidebar-icon-container-dark:hover{background:rgb(74,0,224)}.navbar-hidden .navbar-main .toggle-sidebar-icon-container:hover .toggle-sidebar-icon,.navbar-hidden .navbar .navbar-main .toggle-sidebar-icon-container-dark:hover .toggle-sidebar-icon,.navbar .navbar-hidden .navbar-main .toggle-sidebar-icon-container-dark:hover .toggle-sidebar-icon{color:#fff}.navbar-hidden .navbar-main .toggle-sidebar-icon-container-dark:hover{background:white}.navbar-hidden .navbar-main .toggle-sidebar-icon-container-dark:hover .toggle-sidebar-icon-dark{color:#000}@media only screen and (max-width: 900px){.navbar{width:100%}.navbar .navbar-main .toggle-sidebar-icon-container,.navbar .navbar-main .toggle-sidebar-icon-container-dark{width:min(100%,15rem);height:min(100%,2.5rem)}}.nav-sidebar{height:min(100%,93vh);position:fixed;left:0;top:7vh;display:grid;grid-template:74% 24%/100%;color:#fff;gap:.3rem;overflow-x:hidden;z-index:50;padding:1rem .5rem;box-shadow:0 3px 4px #000;transition:width .3s;border-top:2px white dotted}.nav-sidebar .nav-sidebar-links{display:grid;grid-auto-rows:min(100%,2.6rem);gap:.3rem;border-bottom:white 1px solid}.nav-sidebar .nav-sidebar-utility{display:grid;grid-auto-rows:min(100%,2.6rem);align-content:center;gap:.3rem}.nav-sidebar .nav-sidebar-utility .toggle-dark-mode .toggle-dark-mode-moon{color:#fafabb}.nav-sidebar .nav-sidebar-utility .toggle-dark-mode .toggle-dark-mode-sun{color:#ffd900}.nav-sidebar .nav-icon{position:relative;display:block;font-size:26px}.nav-sidebar .toggle-sidebar{justify-content:center!important}.nav-sidebar .toggle-sidebar-arrow-full{transform:rotateY(180deg);transition:transform .7s!important}.nav-sidebar .toggle-sidebar-arrow-compact{transform:rotateY(0);transition:transform .7s!important}.nav-sidebar .nav-link,.nav-sidebar .nav-link-active-dark,.nav-sidebar .nav-link-active{text-decoration:none;color:#fff;font-size:16px}.nav-sidebar .github-link{color:#fff}.nav-sidebar .nav-link-active{background:white;color:#000;border-radius:30px}.nav-sidebar .nav-link-active-dark{background:rgb(5,7,12);color:#fff}.nav-sidebar .nav-element,.nav-sidebar .nav-element-dark{display:flex;justify-content:flex-start;align-items:center;white-space:nowrap;position:relative;padding:0 .5rem;gap:1rem;transition:.3s;border-radius:20px;cursor:pointer}.nav-sidebar .nav-element .nav-text,.nav-sidebar .nav-element-dark .nav-text{transform:translateY(2px)}.nav-sidebar .nav-element:hover,.nav-sidebar .nav-element-dark:hover{background:white;color:#000}.nav-sidebar .nav-element-dark:hover{background:black;color:#fff}.sidebar-full{width:min(100%,15rem)}.sidebar-compact{width:min(100%,3.5rem)}.sidebar-hidden{display:none}@media only screen and (max-width: 900px){.nav-sidebar{width:min(100%,20rem)}.nav-sidebar .nav-text{display:block!important}.nav-sidebar .toggle-sidebar{display:none}}.nav-notifications{width:min(100%,23rem);height:fit-content;display:grid;grid-template-rows:20% 80%;grid-template-columns:100%;min-height:5rem;max-height:30rem;position:fixed;top:7.5vh;right:.5vh;overflow-y:scroll;overflow-x:hidden;border-radius:5px;backdrop-filter:blur(20px);padding:1rem;gap:1rem;justify-items:center;align-items:center;z-index:50}.nav-notifications .nav-notifications-date-picker{width:min(100%,45rem);height:fit-content;display:flex;justify-content:center;align-items:center}.nav-notifications .nav-notifications-date-picker .notifications-date-button{width:1rem;display:flex;justify-content:center;align-items:center}.nav-notifications .nav-notifications-date-picker .notifications-date-button .notifications-date-icon{font-size:1.5rem}.nav-notifications .nav-notifications-list{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:100%;gap:.5rem}.nav-notifications .nav-notifications-list .nav-notification{width:100%;height:100%;display:grid;grid-template-rows:100%;grid-template-columns:30% 70%;align-items:center;padding:.5rem;cursor:pointer;border-radius:5px;color:#fff;transition:.3s;background-color:red}.nav-notifications .nav-notifications-list .nav-notification:hover{background-color:#fff;color:#000}.nav-notifications-light{box-shadow:0 0 2px #000;background:white}.nav-notifications-dark{box-shadow:0 0 2px #fff;background:#121212}.loading{display:flex;justify-content:center;align-items:center}.loading .lds-roller{display:inline-block;position:relative;width:50px;height:50px}.loading .lds-roller div{animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:40px 40px}.loading .lds-roller div:after{content:" ";display:block;position:absolute;width:7px;height:7px;border-radius:50%;background:gray;margin:-4px 0 0 -4px}.loading .lds-roller div:nth-child(1){animation-delay:-36ms}.loading .lds-roller div:nth-child(1):after{top:63px;left:63px}.loading .lds-roller div:nth-child(2){animation-delay:-72ms}.loading .lds-roller div:nth-child(2):after{top:68px;left:56px}.loading .lds-roller div:nth-child(3){animation-delay:-.108s}.loading .lds-roller div:nth-child(3):after{top:71px;left:48px}.loading .lds-roller div:nth-child(4){animation-delay:-.144s}.loading .lds-roller div:nth-child(4):after{top:72px;left:40px}.loading .lds-roller div:nth-child(5){animation-delay:-.18s}.loading .lds-roller div:nth-child(5):after{top:71px;left:32px}.loading .lds-roller div:nth-child(6){animation-delay:-.216s}.loading .lds-roller div:nth-child(6):after{top:68px;left:24px}.loading .lds-roller div:nth-child(7){animation-delay:-.252s}.loading .lds-roller div:nth-child(7):after{top:63px;left:17px}.loading .lds-roller div:nth-child(8){animation-delay:-.288s}.loading .lds-roller div:nth-child(8):after{top:56px;left:12px}@keyframes lds-roller{0%{transform:rotate(0)}to{transform:rotate(360deg)}}