@import"https://fonts.googleapis.com/css2?family=Alkalami&family=Rubik:wght@400;500;700&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:inherit}#root,html,body{height:100%;width:100%}html{font-size:62.5%;box-sizing:border-box;overflow:scroll;scroll-behavior:smooth}html::-webkit-scrollbar{display:none}@media only screen and (max-width: 43.75em){html{font-size:50%}}body{font-family:Rubik,Inter,Avenir,Helvetica,Arial,sans-serif;background-color:#fff;color:#202a48}ol,ul{list-style:none}a{cursor:pointer;text-decoration:none}button{all:unset;cursor:pointer;text-align:center}.app{height:100vh;width:100vw;background-color:#e7f5fb99;position:relative;display:grid;grid-template-columns:[sidebar-start] minmax(10rem,20rem) [sidebar-end page-start] 1fr [page-end];grid-template-rows:1fr}@media only screen and (max-width: 43.75em){.app{height:100vh;min-height:-webkit-fill-available}}@media only screen and (max-width: 43.75em){.app{grid-template-rows:1fr 5rem}}.default_message{font-size:1.5rem;font-weight:600;justify-self:center;align-self:center;text-align:center;color:#202a48}@media only screen and (max-width: 43.75em){.default_message{grid-row:2/3}}.burger-menu{position:fixed;z-index:20;width:3rem;height:.2rem;background-color:#333;right:2rem;top:3rem}@media only screen and (max-width: 43.75em){.burger-menu{height:0}}.burger-menu:before,.burger-menu:after{content:"";background-color:#333;height:.2rem;width:3rem;display:block}.burger-menu:before{transform:translateY(-.9rem)}@media only screen and (max-width: 43.75em){.burger-menu:before{transform:rotate(45deg)}}.burger-menu:after{transform:translateY(.7rem)}@media only screen and (max-width: 43.75em){.burger-menu:after{transform:rotate(135deg)}}.sidebar{grid-column:sidebar-start/sidebar-end;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;background-color:#fff;gap:1rem;position:relative}@media only screen and (max-width: 43.75em){.sidebar{flex-direction:row;grid-column:1/-1;grid-row:2/-1;z-index:10}}.sidebar .logo{cursor:pointer}@media only screen and (max-width: 43.75em){.sidebar .logo{display:none}}.logo{display:flex;justify-content:center;padding:2vh;margin-top:3vh;background-image:linear-gradient(to bottom,#202a48 0%,#a656e1 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.logo__text{letter-spacing:.1rem;font-size:3.5rem;font-weight:800}.menu{width:100%}.menu .subtitle{padding-left:4rem}@media only screen and (max-width: 43.75em){.menu{background-color:#fffffff2}}.menu__items{display:flex;flex-direction:column;justify-content:center;padding:2rem 0}@media only screen and (max-width: 43.75em){.menu__items{height:100%;padding:0;flex-direction:row;align-items:center}}.subtitle{font-weight:600;white-space:nowrap;font-size:1.5rem}.menu-item{display:flex;justify-content:flex-start;cursor:pointer;gap:1.5rem;font-size:clamp(1rem,1.6rem,2vw);font-weight:500;color:#202a4880;padding:2rem 2rem 2rem 4rem;transition:background-color .1s ease-in}.menu-item svg{height:2rem;width:2rem}.menu-item:hover,.menu-item.active{background-color:#e7f5fb99;color:#202a48}.menu-item:hover svg,.menu-item.active svg{color:#a656e1}.menu-item>a{text-align:left;text-transform:capitalize}@media only screen and (max-width: 43.75em){.menu-item{padding:2rem;justify-content:center;height:100%;width:100%}}.account{flex:1;width:100%;margin-bottom:2rem}@media only screen and (max-width: 43.75em){.account{display:none}}.account__head{cursor:pointer;display:flex;align-items:center;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.account__head .subtitle{padding-left:4rem}.account__head svg{font-size:1.2rem;margin-right:2rem;margin-top:.6rem}.account .user{justify-content:flex-start;padding-left:4rem}.account .hide{visibility:hidden;opacity:0;transition:all .1s ease}.account .show{visibility:visible;opacity:1;transition:all .1s ease}.user{display:flex;align-items:center;gap:1rem;cursor:pointer}.user:hover{text-decoration:underline}.user .user-img{border-radius:50%;border:2px solid #fff;flex-shrink:0}.user .user-info{display:flex;flex-direction:column;text-align:left}.heading-2{font-weight:600;font-size:1.3rem}@keyframes spinner{0%{transform:translate3d(-50%,-50%,0) rotate(0)}to{transform:translate3d(-50%,-50%,0) rotate(360deg)}}.spinner{position:absolute;width:var(--radius);height:var(--radius);border:solid 5px #cfd0d1;border-bottom-color:#a656e1;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);will-change:transform;animation:1.5s linear infinite spinner;animation-play-state:inherit}.fallback{width:100%;height:100vh;padding:8vw;display:flex;flex-direction:column;align-items:flex-start;gap:2rem;background-color:#e7f5fb99}.fallback__status{color:red;font-size:clamp(1.5rem,4rem,4vw);font-weight:600}.fallback__message{font-size:clamp(1rem,2rem,3vw)}.fallback__btn{background-color:#f7274a;padding:1vw 3vw;border-radius:1vw}.fallback__btn:hover{background-color:#fb546f}
