:root{--primaryColor:#ed8936;--secondaryColor:#22201d}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#22201d;background-color:var(--secondaryColor);font-family:Red Hat Display;margin:0 auto;min-height:100vh;overflow-x:hidden!important}button{color:#fff;cursor:pointer}#root{display:flex;flex-direction:column;justify-content:center}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.center-container{align-items:center;display:flex;flex-direction:row;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}button,input{font-family:Red Hat Display}.app{display:flex}.navigation-panel{align-items:center;border-right:.5px solid #ffffff42;display:flex;flex-direction:column;font-size:small;height:100vh;position:fixed;width:18%}.navigation-panel .options-container{align-items:center;display:flex;flex-direction:column;height:65%;margin-bottom:20px;margin-top:30px;width:100%}.navigation-panel .options-container ul{list-style-type:none;padding:0;width:100%}.navigation-panel .options-container ul li{margin-top:15px}.navigation-panel .active-mark{border-radius:0 25px 25px 0;height:28px;width:5px}.navigation-panel .active{background-color:var(--primaryColor)}.navigation-panel .inactive{background-color:initial}.navigation-panel .options-container ul li .link{color:#ffffff78;text-decoration:none;width:100%}.navigation-panel .options-container ul li .link-active{color:#fff;text-decoration:none}.options-container ul li .link span,.options-container ul li .link-active span{margin-left:15px}.navigation-panel .options-container ul li .link:hover{color:#fff;cursor:pointer}.navigation-panel .sign-out-container{display:flex;margin-left:25px;margin-top:40px;width:100%}.navigation-panel .sign-out-container .icon{color:var(--primaryColor);font-size:24px}.navigation-panel .sign-out-container .sign-out{background-color:initial;border:none;color:#fff;cursor:pointer;font-family:Red Hat Display}.navigation-panel .sign-out-container .sign-out:hover{color:#e5e2e2}@media (max-width:425px){.navigation-panel{align-items:center;border-right:.5px solid #ffffff42;display:flex;flex-direction:column;font-size:small;height:100vh;position:fixed;width:30%}}@media (min-width:700px){.navigation-panel{font-size:medium;width:18%}.options-container ul li .link span,.options-container ul li .link-active span{margin-left:20px}}@media (min-height:900px){.navigation-panel .active-mark{height:43px;width:8px}.navigation-panel .options-container{margin-top:100px}}@media (min-width:1200px){.options-container ul li .link span,.options-container ul li .link-active span{margin-left:35px}}@media (min-width:1400px){.options-container ul li .link span,.options-container ul li .link-active span{margin-left:60px}}@media (min-width:1600px){.options-container ul li .link span,.options-container ul li .link-active span{margin-left:70px}}.container{display:flex;flex-direction:column;flex-grow:100;margin-left:20%;max-width:80%}@media (max-width:425px){.container{margin-left:38%;max-width:80%}}.dashboard *{color:#fff}.dashboard h2,.dashboard h3,.dashboard h4{font-weight:400;margin:0;padding-bottom:20px;width:100%!important}.dashboard .main-heading{color:var(--primaryColor)}.dashboard .main-heading.center{text-align:center}.dashboard .main-heading.underline{border-bottom:.5px solid #ed8936}.dashboard .card-top-heading{opacity:.7}.dashboard{border-radius:8px;display:flex;flex-direction:column;flex-grow:100;padding:20px;width:95%}.dashboard-top{gap:20px;margin-top:20px}.dashboard-card,.dashboard-top{align-items:center;display:flex;justify-content:space-between}.dashboard-card{word-wrap:break-word;background-clip:initial;background-color:#393734;border:1px solid rgba(0,0,0,.125);border-radius:10px;box-shadow:1px 1px 25px 0 #9694941a;flex:1 1;height:100px;padding:1.75rem 1.5625rem}.dashboard-card img{flex:0.5 1}.dashboard-cards-wrapper{display:flex;flex:0.5 1;gap:20px}.dashboard-chart-wrapper{align-items:center;display:flex;gap:40px;justify-content:space-between;margin-top:80px}.dashboard-chart-wrapper h2{margin-bottom:30px}.top-users-wrapper{flex:0.5 1;height:500px}.top-users-chart-wrapper{left:-40px;position:relative}.top-users-chart-wrapper svg,.users-age-chart-wrapper svg{max-height:380px!important}.users-age-wrapper{flex:0.5 1;height:500px}.users-age-chart-wrapper{display:flex;justify-content:center}.top-users-wrapper text{fill:#fff!important}.recharts-tooltip-wrapper *{border-radius:50px;color:var(--primaryColor);font-weight:700}.users-age-wrapper svg{overflow:visible;position:relative}.recharts-layer text{fill:#fff!important;color:#fff!important;font-weight:600}@media (min-width:1500px){.dashboard-card img{flex:0.3 1;margin-bottom:20px}.dashboard-card{height:120px}}@media (max-width:1400px){.users-age-wrapper svg{top:-3rem}}@media (max-width:991px){.dashboard-top{display:block}.dashboard-card{margin:auto auto 20px;max-width:60vw;width:500px}.dashboard-card img{flex:0.1 1}.dashboard-chart-wrapper{display:block}}@keyframes spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-spinner{animation:spinner 1.5s linear infinite;border:10px solid #ed8936;border-radius:50%;border-top-color:#383636;height:20px;width:20px}.spinner-container{align-items:center;display:grid;height:100px;justify-content:center;width:100%}.input{align-items:center;border:1px solid var(--primaryColor);border-radius:6px;display:flex;justify-content:space-evenly;margin-bottom:5px;margin-top:5px;width:70%}.input input:focus-visible{outline:none}.input input{background-color:initial;border:none;color:#fff;height:50px;width:80%}.input .icon{color:var(--primaryColor);font-size:24px}.modal{align-items:center;background:#3d3c3ccc;height:100%;justify-content:center;left:0;overflow-y:scroll;position:fixed;scroll-behavior:auto;top:0;width:100%;z-index:1}.modal::-webkit-scrollbar{display:none}.modal{-ms-overflow-style:none;scrollbar-width:none}.show{display:flex}.hide{display:none}.user-modal-btn{background-color:var(--primaryColor);border:none;border-radius:5px;box-shadow:none;height:45px;width:70%}.modal .modal-content{background-color:#242424;border:1px solid var(--primaryColor);border-radius:15px;height:350px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-width:90vw;min-width:500px;padding:15px}.modal .modal-content .modal-header{align-items:center;color:var(--primaryColor);display:flex;padding:10px}.modal .modal-content .modal-header .icon{color:#fff;margin-left:auto}.modal .modal-content .modal-content-center{align-items:center;display:flex;flex-direction:column;flex-grow:100}.modal-content-center h3{color:#fff}.user-modal-inputs-wrapper{display:flex;gap:10%;margin-bottom:10px;width:90%}.user-modal-label{color:#fff}.user-modal-input-label-wrapper{flex:1 1}.modal-text-flex{align-items:center;display:flex;gap:10px}@media (max-width:550px){.modal .modal-content{max-width:82vw;min-width:0;width:400px}}.content-video-wrapper{cursor:pointer;display:flex;justify-content:center}.content-video-wrapper>div{height:300px!important;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important}.content-video-wrapper video{border-radius:3px}.post-details{color:#fff}.post-details .post-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.post-details .post-header-left{align-items:center;display:flex;gap:15px}.post-details .post-header img{border-radius:50%;height:45px;width:45px}.post-details .comments-wrapper,.post-details .likes-wrapper{align-items:center;display:flex;gap:8px}.post-details p,.post-details small{margin:0}.post-play-icon{align-items:center;display:flex;height:100%;justify-content:center;position:absolute;width:100%}.categories{-ms-overflow-style:none;display:flex;flex-direction:column;overflow:scroll;scrollbar-width:none}.categories::-webkit-scrollbar{display:none}.categories .picture-container{align-items:center;color:#fff;display:flex;flex-direction:column;margin-top:20px}.categories .add-category-btn{border:2px dashed var(--primaryColor);border-radius:7px;color:var(--primaryColor);margin-bottom:50px;margin-top:50px;padding:10px 20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.categories .add-category-btn:hover{cursor:default}.profile-picture img{border-radius:50%;height:50px;width:50px}.headline{color:var(--primaryColor);font-size:36px;margin-top:60px;text-align:center}.headline .center-container{font-family:Red Hat Display;margin:auto}.headline img{margin-left:18.26px}.headline .paraLine{color:gray;font-size:15px;margin-top:5px}.header{align-items:center;display:flex;height:80px;margin-bottom:45px;margin-top:30px;width:100%}.header .header-options{align-items:center;display:flex;height:100%;justify-content:flex-end;margin-left:auto;width:20%}.header .header-options .white{color:#fff}.header .header-options .gold{color:var(--primaryColor)}.header .header-options .icon{color:#fff;font-size:32px}.not{display:flex;flex-direction:column}.dot{color:#4790e5;font-size:22px;margin-bottom:-14px;padding-left:24px}.header .header-options .profile-picture{border-radius:50%;height:50px;margin-left:30px;margin-right:50px;width:50px}@media (max-width:425px){.header .header-options .profile-picture{border-radius:50%;height:50px;margin-left:30px;margin-right:5px;width:50px}}.settings{display:flex;flex-direction:column;flex-grow:100;width:70%}.settings-title{color:var(--primaryColor);margin-top:0}.settings div h3,.settings-title{border-bottom:.5px solid #7c7c7c47;font-size:24px;font-weight:500;padding-bottom:30px}.settings div h3{color:#fff;margin-bottom:0;margin-left:25px}.settings button{background-color:#4790e5;border:none;border-radius:5px;padding:5px;width:100px}.settings-fields-container{display:flex;flex-direction:column;margin-left:25px;margin-right:10px}.settings-fields-container .field{align-items:center;border-bottom:.5px solid #7c7c7c47;display:flex;font-size:20px;font-weight:400;justify-content:space-between}.settings-fields-container .field .icon{color:#fff;font-size:18px}.settings-fields-container input{background-color:initial;border:none;color:#7c7c7c;font-size:20px;font-weight:400;height:50px;width:90%}.settings-fields-container input:focus-visible{outline:none}.settings-fields-container .field{padding:10px 5px}.settings-fields-container .field p{color:#7c7c7c;width:90%}.switch{display:inline-block;height:23px;position:relative;width:43px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;bottom:4px;content:"";height:16px;left:4px;width:16px}input:checked+.slider{background-color:#4790e5}input:focus+.slider{box-shadow:0 0 1px #4790e5}input:checked+.slider:before{transform:translateX(20px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}@media (max-width:425px){input:checked+.slider:before{transform:translateX(12px)}}.users{height:auto;width:90%}.users h2{border-bottom:.5px solid #7c7c7c45;color:var(--primaryColor);font-weight:400;padding-bottom:20px;width:90%}.users .search-bar{align-items:center;border:1px solid var(--primaryColor);border-radius:15px;display:flex;height:65px;padding-left:20px;padding-right:20px;width:85%}.search-bar .icon{color:#fff;font-size:24px}.search-bar input{background-color:initial;border:none;color:#fff;font-size:medium;font-weight:300;height:30px;margin-left:20px;width:60%}.search-bar input:focus-visible{outline:none}.users .dropdown .dropdown-content{margin-left:-180px;width:200px}.users .table th{border:none}.users .flexing{display:flex;justify-content:space-between}.users .add-user-btn{background-color:initial;border:2px dashed var(--primaryColor);border-radius:7px;color:var(--primaryColor);margin-bottom:26px;margin-top:23px;padding:10px 20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.message{color:#fff;text-align:center}.table{-ms-overflow-style:none;overflow:scroll;scrollbar-width:none}.table::-webkit-scrollbar{display:none}.table table{margin-bottom:50px;margin-top:10px;width:850px}.table th{border-bottom:1px solid #2e2e2e;color:#ffffff80;font-size:small;font-weight:400}.table table,th{border-collapse:collapse}.table table th{height:40px;padding:20px 16px;text-align:left}.table table td{color:#fff;font-size:16px;height:40px;justify-content:center;padding:20px 16px}.table table td button{border:none;border-radius:3px;color:#fff;font-family:Red Hat Display;padding:5px;width:75px}.table table td .name{align-items:center;color:var(--primaryColor);display:flex}.table table td .accept{background-color:#ed8936}.table table td .complete{align-self:center;background-color:#ed8936;border:none;border-radius:3px;color:#fff;font-family:Red Hat Display;justify-content:center;padding:5px;width:125px}.table table td .decline{background-color:#5c5b5b;margin-left:4px}.table table td .details{float:right;font-size:16px;margin-right:10px}.table tr{height:55px}.table tr:nth-child(odd){background-color:#2e2e2e}.table .dropdown{height:auto;width:auto}.table .dropdown .dropdown-content{margin-left:-140px}.dropdown-content button{background-color:initial;color:#fff;margin-left:8px;row-gap:12px;width:100%}.dropdown-content button .icon{padding-right:4px}@media (min-width:950px){.table table{margin-bottom:50px;margin-top:10px;width:90%}}.posts{height:auto}.posts,.posts h2{width:100%!important}.posts h2{border-bottom:.5px solid #7c7c7c45;color:var(--primaryColor);font-weight:400;padding-bottom:20px}.posts .table th{border:none;white-space:nowrap}.posts .table table{width:100%!important}.posts .flexing{display:flex;justify-content:space-between}.posts-table-img{border-radius:50%;height:30px;width:30px}.posts-table-img-wrapper{text-align:center}.posts-table-desc{word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;white-space:pre-line;width:180px}.text-app{color:#4af24a!important}.text-app,.text-inapp{font-weight:700;text-align:center}.text-inapp{color:#f64d4d!important}.posts .highlight{background-color:#ff000080;border-radius:3px;color:#fff;padding:1px 4px}.footer{color:#fff;font-size:18px;height:10%;margin-right:80px;margin-top:auto}.footer div{align-items:center;cursor:pointer;display:flex;float:right}.footer div .icon{font-size:18px}.footer div .prev{margin-left:40px}.footer div .inactive{color:#6671f14d}.footer div .active{color:var(--primaryColor)}.pagination{color:#fff;display:flex;flex-direction:row;padding:10px}.pagination ul{color:#fff}.paginate-btn{background-color:initial;border:none;cursor:pointer}.login{height:100vh}.login,.login .container{display:flex;flex-direction:column;justify-content:center}.login .container{align-items:center;height:150px;margin:30px auto auto;width:400px}.login .passwordField{width:70%}.login .button-container{align-items:center;display:flex;flex-direction:column;height:100px;justify-content:space-between;margin:40px auto auto;max-width:79vw;width:400px}.login .forgot-password{color:gray;font-size:15px;font-weight:400;text-align:right;width:80%}.login .button-container button{border:none;border-radius:5px;height:45%;width:80%}.login .caption,.login .error{color:var(--primaryColor);font-size:14px;font-weight:400;margin:10px auto auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.login .caption span{color:#fff}.login .error{color:red;font-size:small;margin-top:0}.login .button-container .login-button{background-color:var(--primaryColor)}.login .button-container .create-account{background-color:initial;border:1px solid var(--primaryColor);color:#fff}.login .button-container .login-button:hover{background-color:#b7611b}.login .button-container .create-account:hover{background-color:#363434}.logo{height:60px;margin:45px auto 0;width:60px}.logo img{height:100%;width:100%}.logo-lg{display:flex;flex:1 1;justify-content:center;margin:45px auto 0}.user-details *{color:#fff}.no-user-details-wrapper,.user-details-loading-wrapper{align-items:center;display:flex;height:100vh;justify-content:center}.user-details-container{border-left:1px solid #ffffff80;border-right:1px solid #ffffff80;display:flex;flex-direction:column;flex-grow:100;margin:auto;max-width:60%;padding:0 50px}@media (max-width:575px){.user-details-container{border:0;max-width:95%}}
/*# sourceMappingURL=main.8b7ef563.css.map*/