@font-face{font-family:Montserrat;src:url(/static/media/Montserrat-VariableFont_wght.7e687123cd4528224ce5.ttf)}*{box-sizing:border-box;font-family:Montserrat;margin:0;padding:0}body{background-color:#fff;background-color:var(--secondary2);color:#000;color:var(--text1)}:root{--primary:#fc3e25;--primary-light:#f8a396;--secondary:#b7b7b7;--secondary2:#fff;--secondary3:#f5f5f5;--border:1px solid #000;--text1:#000;--text2:#fff;--warning:#ed960a;--danger:#e11;--success:#128512;--blue:#043b83;--box-shadow:8px 8px 24px hsla(0,0%,74%,.439);--box-shadow2:4px 4px 12px hsla(0,0%,74%,.439);--box-shadow3:2px 2px 24px #bcbcbc40;--box-shadow4:8px 8px 24px #474747;--white-bg-img:url(/static/media/white1.69a01890b8b18d43e4eb.jpg)}.dark{--primary:#fc3e25;--secondary:#000;--secondary2:#000;--secondary3:#000;--border:1px solid #fff;--text1:#d5d5d5;--text2:#000;--box-shadow:2px 4px 2px rgba(60,59,59,.439);--box-shadow2:4px 4px 2px rgba(57,56,56,.439);--box-shadow3:2px 2px 2px #62616140;--box-shadow4:8px 8px 2px #474747;--white-bg-img:#000}a,button{cursor:pointer}main{background:url(/static/media/white1.69a01890b8b18d43e4eb.jpg);background:var(--white-bg-img);background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;padding:1rem}.danger{background-color:#e11;background-color:var(--danger);color:#fff}.success{background-color:#128512;background-color:var(--success);color:#fff}.warning{background-color:#ed960a;background-color:var(--warning);color:#fff}.secondary{background-color:#b7b7b7;background-color:var(--secondary);color:#fff}.text-danger{color:#e11;color:var(--danger)}.text-warning{color:#ed960a;color:var(--warning)}.text-success{color:#128512;color:var(--success)}.text-blue{color:#043b83;color:var(--blue)}.center{align-items:center;display:flex;justify-content:center}.sticky{position:fixed;top:1rem;width:15%}.relative{position:relative;top:0}.grid-body{background:#fff;background:var(--secondary2);display:grid;grid-template-columns:1fr 3fr 1fr;padding:0}.separate{justify-content:space-between}.separate,.tm-sort{align-items:center;display:flex}.loading-container{background-color:#fff;background-color:var(--secondary2);display:grid;height:100vh;place-items:center;position:fixed;top:0;width:100%}.loading-container-middle{margin-top:10rem}.loading-container-full,.loading-container-middle{align-items:center;display:flex;justify-content:center}.loading-container-full{margin-top:2rem}.loading{animation-direction:normal;animation-duration:.2s;animation-iteration-count:infinite;animation-name:loading;animation-timing-function:linear;border:2px solid #f8a396;border-radius:50%;border-top:3px solid #fc3e25;border:2px solid var(--primary-light);border-top:3px solid var(--primary);height:80px;width:80px}@keyframes loading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.notification-container{display:flex;justify-content:center;transition:5s}.notification-container .notification{align-items:center;background-color:#fff;background-color:var(--secondary2);border-bottom-left-radius:5px;border-bottom-right-radius:5px;box-shadow:8px 8px 24px hsla(0,0%,74%,.439);box-shadow:var(--box-shadow);display:flex;font-weight:600;height:auto;margin:0 1rem;padding:1rem;position:fixed;top:0;transition:.5s;width:400px;z-index:9}.notification-container .down{transform:translateY(0)}.notification-container .up{transform:translateY(-150%)}.logo{align-items:center;background-color:#fff;background-color:var(--secondary2);border-radius:3px;display:flex;padding:.5rem}.logo #yan{color:#fc3e25;color:var(--primary)}.logo #hub{color:#000;color:var(--text1)}.logo #hub,.logo #yan{font-weight:700}.logo-small{font-size:20px}.logo-big{font-size:25px}.greet-component{color:#000;color:var(--text1);text-transform:capitalize}.theme-div{background-color:#fff;background-color:var(--secondary2);border-radius:50%;bottom:0;box-shadow:4px 4px 12px hsla(0,0%,74%,.439);box-shadow:var(--box-shadow2);color:#fc3e25;color:var(--primary);display:grid;font-size:25px;height:50px;margin:1rem;place-items:center;position:fixed;right:0;width:50px}.grid-body aside .list{margin:4rem 1rem}.grid-body aside .list ul{color:#000;color:var(--text1);list-style-type:none}.grid-body aside .list ul li{background-color:#fff;background-color:var(--secondary2);border-radius:15px;box-shadow:2px 2px 24px #bcbcbc40;box-shadow:var(--box-shadow3);margin-top:.7rem;padding:.5rem}.grid-body aside .list ul li small{font-size:12px;text-align:right}.grid-body aside .list ul .first{background-color:#daa520;color:#fff;color:var(--secondary2);font-weight:600}.grid-body aside{background-color:initial;height:100vh;padding:1rem;width:100%}.announcement-layout{background-color:#fff;background-color:var(--secondary2);border-radius:10px;box-shadow:4px 4px 12px hsla(0,0%,74%,.439);box-shadow:var(--box-shadow2);color:#000;color:var(--text1);height:auto;margin:1rem;padding:1rem;width:95%}.announcement-layout .btn-holder{align-items:center;display:flex;justify-content:flex-end;padding:.5rem .3rem 0;width:100%}.announcement-layout .btn-holder button{border:none;border-radius:3px;color:#fff;margin:0 .3rem;outline:none;padding:.2rem .4rem}.announcement-layout .btn-holder button#add{background-color:#fc3e25;background-color:var(--primary)}.announcement-layout .btn-holder button#more{background-color:#043b83;background-color:var(--blue)}.tasks-layout{background-color:#fff;background-color:var(--secondary2);border-radius:10px;box-shadow:4px 4px 12px hsla(0,0%,74%,.439);box-shadow:var(--box-shadow2);color:#000;color:var(--text1);margin:1rem;overflow-x:auto;padding:1rem;width:95%}.tasks-layout table{text-align:left;width:100%}.tasks-layout table td{padding:1rem 1.5rem}.tasks-layout .link-container{width:100%}.tasks-layout .link-container .link{color:blue;display:block;font-weight:600;text-align:right;text-decoration:none}.options-container{align-items:end;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;transition:.5s;visibility:hidden;width:100%}.options-container.blur{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);visibility:visible}.options{background-color:#fff;background-color:var(--secondary2);border-top-left-radius:15px;border-top-right-radius:15px;box-shadow:8px 8px 24px hsla(0,0%,74%,.439);box-shadow:var(--box-shadow);height:auto;max-width:500px;padding:1rem;transform:translateY(110%);transition:.5s;width:500px}.options.up{transform:translateY(0)}.options .edit-sec,.options .header{align-items:center;display:flex;justify-content:space-between}.options .edit-sec{border-radius:5px;box-shadow:8px 8px 24px hsla(0,0%,74%,.439);box-shadow:var(--box-shadow);height:auto;margin:1rem 0;padding:1rem;width:100%}.options .edit-sec input{width:350px}.options .edit-sec input,.options .edit-sec select{background:#0000;border:0;color:#000;color:var(--text1);outline:0}.options .edit-sec select{font-size:16px;width:250px}.options .edit-sec.dur input{border:1px solid #000;border:var(--border);margin-right:.5rem;padding:.3rem;width:50px}.options .edit-sec.from-to{display:block}.options .edit-sec.from-to input{margin:.5rem;padding:.3rem;width:100%}.options .edit-sec.from-to .btn-holder{align-items:center;display:flex;justify-content:flex-end}.options .edit-sec button{border:0;border-radius:3px;color:#fff;font-weight:600;outline:0;padding:.3rem}.options .del-sec,.options .edit-sec button{align-items:center;display:flex;justify-content:space-between}.options .del-sec{border-radius:5px;box-shadow:8px 8px 24px hsla(0,0%,74%,.439);box-shadow:var(--box-shadow);height:auto;padding:1rem;width:100%}.options .del-sec small{margin-right:.3rem}.options .del-sec button{align-items:center;border:0;border-radius:5px;color:#fff;display:flex;font-weight:600;justify-content:space-between;outline:0;padding:.3rem}.options .del-sec.hide{display:none}.tasks-comments-container{align-items:end;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%}.tasks-comments-container .tasks-comments{background-color:#fff;background-color:var(--secondary2);border-radius:10px;box-shadow:4px 4px 12px hsla(0,0%,74%,.439);box-shadow:var(--box-shadow2);height:85vh;max-width:500px;padding:1rem;width:500px}.tasks-comments .header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.tasks-comments .chats{margin:1rem 0}.tasks-comments .chats .chat{background-color:#f4eaea;border-bottom-right-radius:15px;border-top-left-radius:15px;border-top-right-radius:15px;margin:.5rem .5rem 1rem;padding:.5rem}.tasks-comments .chats .chat small{display:table;font-size:10px;margin-bottom:.5rem}.tasks-comments .chats .chat p{font-weight:600}.tasks-comments .footer{bottom:1rem;position:fixed}.tasks-comments .footer .inp-holder{background-color:#fff;background-color:var(--secondary2);border-radius:3px;box-shadow:4px 4px 12px hsla(0,0%,74%,.439);box-shadow:var(--box-shadow2);max-width:300px;padding:.5rem;width:400px}.grid-body .small-nav{display:none;place-items:center;position:relative;top:0;width:100%;z-index:1}.grid-body .small-nav .nav-box{background-color:#fff;background-color:var(--secondary2);border-radius:10px;box-shadow:8px 8px 24px hsla(0,0%,74%,.439);box-shadow:var(--box-shadow);overflow-y:hidden;position:fixed;top:0;transition:.1s;width:97%}.grid-body .small-nav .closed{height:60px}.grid-body .small-nav .collapsed{height:auto}.grid-body .small-nav .nav-box .header{align-items:center;display:flex;height:60px;justify-content:space-between;padding:0 .5rem}.grid-body .small-nav .nav-box .header .drop-icon{color:#000;color:var(--text1);font-size:25px}.grid-body .small-nav .nav-box .avatar{background:url(/static/media/user-12.3a1b39e219281f4680de.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:2px solid #fc3e25;border:2px solid var(--primary);border-radius:50%;height:100px;margin-top:3rem;width:100px}.grid-body .small-nav .nav-box .username{color:#000;color:var(--text1);text-align:center;text-transform:capitalize}.grid-body .small-nav .nav-box .nav-list{background-color:#fff;background-color:var(--secondary2);border-radius:5px;margin:1rem .5rem 2rem;padding:.5rem}.grid-body .small-nav .nav-box .nav-list ul{list-style-type:none}.grid-body .small-nav .nav-box ul li{align-items:center;display:flex;margin:1rem 0}.grid-body .small-nav .nav-box ul li .link{align-items:center;color:#fff;color:var(--secondary2);color:#000;color:var(--text1);display:flex;font-size:14px;font-weight:600;text-decoration:none;width:100%}.grid-body .small-nav .nav-box ul li .active{background-color:#fc3e25;background-color:var(--primary);border:none;border-radius:3px;color:#fff;color:var(--secondary2);font-size:16px;font-weight:600;padding:.3rem .3rem .3rem 1rem;width:90%}.grid-body .small-nav .logout{align-items:center;color:#fc3e25;color:var(--primary);display:flex;margin:2rem 0 0}.grid-body .small-nav .logout button{background:#0000;border:none;color:#fc3e25;color:var(--primary);font-weight:600;margin-left:.5rem;outline:none;text-decoration:none}.grid-body .big-nav{background-color:initial;height:100vh;padding:.5rem;width:100%}.grid-body .big-nav .avatar{background:url(/static/media/user-12.3a1b39e219281f4680de.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:2px solid #fc3e25;border:2px solid var(--primary);border-radius:50%;height:100px;margin-top:3rem;width:100px}.grid-body .big-nav .username{color:#000;color:var(--text1);text-align:center;text-transform:capitalize}.grid-body .big-nav .nav-list{margin:4rem 1rem}.grid-body .big-nav .nav-list ul{list-style-type:none}.grid-body .big-nav .nav-list ul li{align-items:center;display:flex;margin:1rem 0}.grid-body .big-nav .nav-list ul li .link{align-items:center;color:#000;color:var(--text1);display:flex;font-size:14px;font-weight:600;text-decoration:none;width:100%}.grid-body .big-nav .nav-list ul li .active{background-color:#fc3e25;background-color:var(--primary);border:none;border-radius:3px;color:#fff;color:var(--secondary2);font-size:16px;font-weight:600;padding:.3rem .3rem .3rem 1rem}.grid-body .big-nav .logout{align-items:center;bottom:0;color:#fc3e25;color:var(--primary);display:flex;margin:2rem 1rem;position:fixed;z-index:3}.grid-body .big-nav .logout button{background:#0000;border:none;color:#fc3e25;color:var(--primary);font-weight:600;margin-left:.5rem;outline:none;text-decoration:none;width:100%}.task-nav{border-bottom:2px solid #fc3e25;border-bottom:2px solid var(--primary);padding-bottom:.5rem;width:60%}.task-nav .link{color:#000;color:var(--text1);font-weight:600;text-decoration:none}.task-nav .link.active{border-bottom:2px solid #fc3e25;border-bottom:2px solid var(--primary);color:#fc3e25;color:var(--primary);font-weight:800}.search-box{margin:1rem 0}.search-box .inp-holder{align-items:center;background-color:#fff;background-color:var(--secondary2);border:1px solid #000;border:1px solid var(--text1);border-radius:5px;display:flex;padding:.2rem .5rem;width:95%}.search-box .inp-holder input{background-color:initial;border:none;color:#000;color:var(--text1);outline:none;padding:.5rem;width:90%}.search-box .inp-holder .search-icon{color:#000;color:var(--text1);font-size:20px}.sort-nav{display:flex;justify-content:flex-end;padding:0 2rem;width:100%}.sort-nav button{background-color:#fff;background-color:var(--secondary2);border:2px solid #fc3e25;border:2px solid var(--primary);border-radius:15px;color:#000;color:var(--text1);font-size:12px;margin:0 .2rem;padding:.2rem .4rem}.sort-nav button.active{background-color:#fc3e25;background-color:var(--primary);color:#fff;font-weight:600}.sort-nav select{border:1px solid #000;border:1px solid var(--text1);border-radius:5px;margin:0 .5rem;outline:0;padding:.2rem .4rem}.pagination-container{bottom:0;left:0;padding:1rem;position:fixed;width:100%}.pagination-container,.pagination-container button{background-color:#fff;background-color:var(--secondary2)}.pagination-container button{border:2px solid #fc3e25;border:2px solid var(--primary);border-radius:7px;color:#000;color:var(--text1);margin:0 .5rem;outline:0;padding:.2rem .5rem}.pagination-container button.active{background-color:#fc3e25;background-color:var(--primary);color:#fff}.vid-details-container{display:flex;height:100vh;justify-content:flex-end;left:0;padding:2rem;position:fixed;top:0;width:100%}.open{transform:translateY(0);transition:.3s}.close{transform:translateY(100%);transition:.7s}.vid-details-container .vid-details-modal{background-color:#fff;background-color:var(--secondary2);border-radius:5px;box-shadow:8px 8px 24px hsla(0,0%,74%,.439);box-shadow:var(--box-shadow);display:fixed;height:50%;overflow-y:auto;padding:1rem;top:0;transform:translateY(110%);transition:.5s;width:500px}.vid-details-container .vid-details-modal .header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.vid-details-container .vid-details-modal .banner{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100px;width:100%}.vid-details-container .vid-details-modal .details{display:grid;grid-template-columns:1fr 1fr}.vid-details-container .vid-details-modal .details .details-container{margin:.5rem}.vid-details-container .vid-details-modal .btn-holder{display:flex;justify-content:flex-end;width:100%}.vid-details-container .vid-details-modal .btn-holder button{border:none;border-radius:3px;color:#fff;color:var(--text2);margin:1rem 0;padding:.3rem .5rem}.user-modal-container{display:flex;height:100vh;justify-content:flex-end;position:fixed;top:0;transition:.5s;width:100%;z-index:2}.user-modal-open{transform:translateY(0)}.user-modal-close{transform:translateY(100%)}.user-modal-container .user-modal{background-color:#fff;background-color:var(--secondary2);border-radius:3px;bottom:0;box-shadow:8px 8px 24px #474747;box-shadow:var(--box-shadow4);padding:1rem;position:fixed;width:400px}.user-modal-container .user-modal .header{display:flex;justify-content:flex-end;width:100%}.user-modal-container .user-modal .img-holder{display:flex;justify-content:center;width:100%}.user-modal-container .user-modal .img-holder img{height:auto;width:100%}.user-modal-container .user-modal h3,.user-modal-container .user-modal span{display:table;margin:.5rem 0}.user-modal-container .user-modal .btn-holder{display:flex;justify-content:center;width:100%}.user-modal-container .user-modal .btn-holder button{background-color:#fc3e25;background-color:var(--primary);border:none;border-radius:3px;color:#fff;color:var(--secondary2);font-weight:600;outline:none;padding:.3rem .5rem;width:200px}.task-box{background-color:#fff;background-color:var(--secondary2);border-radius:10px;box-shadow:4px 4px 12px hsla(0,0%,74%,.439);box-shadow:var(--box-shadow2);color:#000;color:var(--text1);height:auto;margin:1rem 1rem 1rem 0;padding:.5rem 1.5rem;width:96%}.task-box .header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.task-box .header .stat-holder{align-items:center;display:flex;margin-bottom:0}.task-box .header #status{border-radius:4px;color:#fff;font-size:10px;padding:.2rem}.task-box .up-select{border:0;outline:0}.task-box .bottom{align-items:center;display:flex;justify-content:space-between}.task-box .bottom button{background-color:initial;border:0;font-size:20px;outline:0}.task-box .users{display:flex;justify-content:flex-start}.task-box .users img{border:3px solid #fff;border:3px solid var(--secondary2);height:20px;width:20px}.assign-modal-container{height:100vh;position:fixed;top:0;transition:.5s;width:100%}.assign-modal-open{transform:translateY(0)}.assign-modal-close{transform:translateY(100%)}.assign-modal-container .assign-modal{background-color:#fff;background-color:var(--secondary2);border-top-left-radius:20px;border-top-right-radius:20px;bottom:0;box-shadow:8px 8px 24px #474747;box-shadow:var(--box-shadow4);height:100vh;overflow:auto;padding:1rem;position:fixed;transform:translateY(10%);width:100%}.assign-modal-container .assign-modal .header{align-items:center;display:flex;justify-content:space-between}.assign-modal-container .assign-modal .body{display:grid;grid-template-columns:1fr 1fr 1fr;width:100%}.assign-modal-container .assign-modal .body .btn-holder{display:flex;flex-basis:100%;justify-content:center;margin:2rem 0}.assign-modal-container .assign-modal .body .btn-holder button{background-color:#fc3e25;background-color:var(--primary);border:none;border-radius:5px;color:#fff;color:var(--secondary2);margin-bottom:2rem;outline:none;padding:.5rem;width:60%}.assign-modal-container .assign-modal .body .assignees{align-items:flex-start;background-color:#fff;background-color:var(--secondary2);border-radius:4px;box-shadow:4px 4px 12px hsla(0,0%,74%,.439);box-shadow:var(--box-shadow2);display:grid;flex-basis:25%;grid-template-columns:.6fr 1fr 3fr;margin:1rem 3%;min-width:200px;padding:1rem;text-transform:capitalize}.assign-modal-container .assign-modal .body .assignees #checkbox{accent-color:#fc3e25;accent-color:var(--primary);cursor:pointer;height:17px;width:17px}.edit-modal-container{height:100vh;left:0;position:fixed;top:0;transition:.5s;width:100%;z-index:2}.edit-modal-open{transform:translateY(0)}.edit-modal-close{transform:translateY(-150%)}.edit-modal-container .edit-modal{background-color:#fff;background-color:var(--secondary2);border-bottom-left-radius:10px;border-bottom-right-radius:10px;box-shadow:8px 8px 24px hsla(0,0%,74%,.439);box-shadow:var(--box-shadow);height:auto;padding:1rem;position:fixed;top:0;width:100%}.edit-modal-container .edit-modal .header{align-items:center;display:flex;justify-content:space-between}.edit-modal-container .edit-modal .avatar-container{display:flex;margin-top:1rem;overflow-x:scroll}.edit-modal-container .edit-modal .avatar-container button{background-color:#fff;background-color:var(--secondary2);border:none;box-shadow:8px 8px 24px hsla(0,0%,74%,.439);box-shadow:var(--box-shadow);color:#000;color:var(--text1);cursor:pointer;padding:.5rem .5rem .3rem;position:absolute;top:50%}.edit-modal-container .edit-modal .avatar-container .btn-right{right:10px}.edit-modal-container .edit-modal .avatar-container .btn-left{left:10px}.edit-modal-container .edit-modal .avatar-container .avatar-holder{align-items:center;border-radius:5px;box-shadow:4px 4px 12px hsla(0,0%,74%,.439);box-shadow:var(--box-shadow2);display:flex;height:70px;justify-content:center;margin:.5rem;width:70px}.edit-modal-container .edit-modal .apply-btn-holder{display:flex;justify-content:flex-end;width:100%}.edit-modal-container .edit-modal .apply-btn-holder button{background-color:#043b83;background-color:var(--blue);border:none;border-radius:3px;box-shadow:8px 8px 24px hsla(0,0%,74%,.439);box-shadow:var(--box-shadow);color:#fff;color:var(--text2);cursor:pointer;margin:.5rem 1rem;outline:none;padding:.3rem .5rem}.edit-modal-container .edit-modal .avatar-container .avatar-holder.avatar-holder.red-border{border:2px solid #fc3e25;border:2px solid var(--primary)}.edit-modal-container .edit-modal form .inp-handler{display:grid;grid-template-columns:1fr 1fr;margin:1rem 0}.edit-modal-container .edit-modal .inp-holder{background-color:#fff;background-color:var(--secondary2);border-radius:5px;box-shadow:4px 4px 12px hsla(0,0%,74%,.439);box-shadow:var(--box-shadow2);margin:.5rem;padding:.5rem}.edit-modal-container .edit-modal .inp-holder input{display:block;margin:.5rem 0;outline-color:#f8a396;outline-color:var(--primary-light);padding:.5rem;width:50%}.edit-modal-container .edit-modal .btn-holder{padding:.5rem 1rem;width:100%}.edit-modal-container .edit-modal .btn-holder button{background-color:#043b83;background-color:var(--blue);border:none;border-radius:5px;color:#fff;font-weight:600;outline:none;padding:.3rem .5rem}.create-video-container{align-items:center;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;transition:.5s;visibility:visible;width:100%}.create-video-container-hide{transition:.5s;visibility:hidden}.create-video-container form{background-color:#fff;background-color:var(--secondary2);border-radius:10px;box-shadow:8px 8px 24px hsla(0,0%,74%,.439);box-shadow:var(--box-shadow);padding:1rem;width:500px}.create-video-container form .header{display:flex;justify-content:space-between}.create-video-container form .header .icon{cursor:pointer}.create-video-container form .inp-handler .inp-holder{background-color:#fff;background-color:var(--secondary2);box-shadow:4px 4px 12px hsla(0,0%,74%,.439);box-shadow:var(--box-shadow2);margin:1rem;padding:.5rem;width:90%}.create-video-container form .inp-handler .inp-holder input,.create-video-container form .inp-handler .inp-holder select{background-color:initial;border:none;color:#000;color:var(--text1);outline:none;padding:.5rem;width:100%}.create-video-container form .btn-handler{align-items:center;display:flex;justify-content:center;margin-top:2rem;padding:1rem;width:100%}.create-video-container form .btn-handler button{background-color:#fc3e25;background-color:var(--primary);border:none;border-radius:5px;box-shadow:8px 8px 24px hsla(0,0%,74%,.439);box-shadow:var(--box-shadow);color:#fff;color:var(--secondary2);font-size:15px;font-weight:600;outline:none;padding:.5rem;width:50%}.create-video-container form .btn-handler button:hover{box-shadow:none}.back-nav{align-items:center;background-color:#fff;background-color:var(--secondary2);border-radius:5px;box-shadow:4px 4px 12px hsla(0,0%,74%,.439);box-shadow:var(--box-shadow2);display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem .5rem;position:sticky;top:0;width:100%}.back-icon{cursor:pointer;font-size:20px}.register-main .container{background-color:#f5f5f5;background-color:var(--secondary3);border-radius:10px;box-shadow:8px 8px 24px hsla(0,0%,74%,.439);box-shadow:var(--box-shadow);display:grid;grid-template-columns:1fr 1fr;height:auto;margin-top:2rem;width:75%}.register-main .lhs,.register-main .rhs{border-bottom-left-radius:10px;border-top-left-radius:10px;height:100%;width:100%}.register-main .lhs{background:url(/static/media/illustration5.0e4484b037222d4240d3.avif);background-position:50%;background-repeat:no-repeat;background-size:cover;display:grid;place-items:center}.register-main .rhs{padding:1rem}.register-main .rhs form{margin:1rem}.register-main .rhs form .inp-handler{align-items:center;background-color:#fff;background-color:var(--secondary2);border-radius:10px;box-shadow:4px 4px 12px hsla(0,0%,74%,.439);box-shadow:var(--box-shadow2);display:flex;margin:2rem 0;padding:.5rem 1rem;width:100%}.register-main .rhs form .inp-handler input{background-color:initial;border:none;color:#000;color:var(--text1);margin-left:.5rem;outline:0;padding:.5rem;width:90%}.register-main .rhs form .btn-handler{display:flex;justify-content:flex-end;width:100%}.register-main .rhs form .btn-handler button{background-color:#fc3e25;background-color:var(--primary);border:none;border-radius:5px;color:#f5f5f5;color:var(--secondary3);font-weight:600;padding:.5rem 2rem}.avatar-main .avatar-container{background-color:#fff;background-color:var(--secondary2);border-radius:10px;box-shadow:8px 8px 24px hsla(0,0%,74%,.439);box-shadow:var(--box-shadow);display:flex;flex-wrap:wrap;justify-content:center;margin-top:1rem;max-height:85vh;overflow-y:scroll;position:relative;width:100%}.avatar-main .avatar-container h1{flex-basis:100%;font-size:32px;margin:1rem}.avatar-main .avatar-container .avatar-holder{border-radius:5px;box-shadow:4px 4px 12px hsla(0,0%,74%,.439);box-shadow:var(--box-shadow2);display:grid;height:120px;margin:1rem;place-items:center;width:120px}.avatar-main .avatar-container .avatar-holder.red-border{border:4px solid #fc3e25;border:4px solid var(--primary)}.avatar-main .avatar-container button{background-color:#fc3e25;background-color:var(--primary);border:0;border-radius:3px;bottom:4rem;box-shadow:4px 4px 12px hsla(0,0%,74%,.439);box-shadow:var(--box-shadow2);color:#fff;font-size:20px;font-weight:600;outline:0;padding:.3rem .5rem;position:fixed;right:1rem}.login-main .container{background-color:#f5f5f5;background-color:var(--secondary3);border-radius:10px;box-shadow:8px 8px 24px hsla(0,0%,74%,.439);box-shadow:var(--box-shadow);display:grid;grid-template-columns:1fr 1fr;height:auto;margin-top:2rem;width:75%}.login-main .lhs,.login-main .rhs{border-bottom-right-radius:10px;border-top-right-radius:10px;height:100%;width:100%}.login-main .rhs{background:url(/static/media/illustration3.7f8dfc4d0694a2a161cd.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:grid;place-items:center}.login-main .lhs{padding:1rem}.login-main .lhs form{margin:1rem}.login-main .lhs form .inp-handler{align-items:center;background-color:#fff;background-color:var(--secondary2);border-radius:10px;box-shadow:4px 4px 12px hsla(0,0%,74%,.439);box-shadow:var(--box-shadow2);display:flex;margin:2rem 0;padding:.5rem 1rem;width:100%}.login-main .lhs form .inp-handler input{background-color:initial;border:none;color:#000;color:var(--text1);margin-left:.5rem;outline:0;padding:.5rem;width:90%}.login-main .lhs form .btn-handler{display:flex;justify-content:flex-end;width:100%}.login-main .lhs form .btn-handler button{background-color:#fc3e25;background-color:var(--primary);border:none;border-radius:5px;color:#f5f5f5;color:var(--secondary3);font-weight:600;padding:.5rem 2rem}.dashboard-main .body{background:#0000;height:100vh;padding:1rem;width:100%}.dashboard-main .body .heading{margin-top:3rem}.dashboard-main .body .layout{display:grid;grid-template-columns:1fr 1.5fr;margin-top:1rem}.dashboard-main .body .layout strong{color:#fc3e25;color:var(--primary)}.dashboard-main .body .layout .layout1 .position,.dashboard-main .body .layout .layout1 .total-xp{width:70%}.dashboard-main .body .layout .layout1 .position,.dashboard-main .body .layout .layout1 .total-xp,.dashboard-main .body .layout .layout2{background-color:#fff;background-color:var(--secondary2);border-left:3px solid #fc3e25;border-left:3px solid var(--primary);border-radius:10px;box-shadow:4px 4px 12px hsla(0,0%,74%,.439);box-shadow:var(--box-shadow2);color:#000;color:var(--text1);margin:1rem;padding:1rem}.dashboard-main .body .layout .layout2{line-height:1.6;width:90%}.tasks-main .body{padding:1rem}.tasks-main .body .task-header{margin-top:2rem}.tasks-main .body .task-header .tasks-nav{align-items:center;border:1px solid #000;border:var(--border);border-radius:5px;display:flex;justify-content:space-between;margin:1.5rem 0;padding:.5rem;width:97%}.tasks-main .body .task-header .tasks-nav button{background:#0000;border:none;border-radius:15px;color:#000;color:var(--text1);font-weight:600;outline:none;padding:.5rem;width:40%}.tasks-main .body .task-header .tasks-nav .active{background-color:#fc3e25;background-color:var(--primary);color:#fff;color:var(--secondary2)}.tasks-main .body .tasks-container{margin:1rem .5rem 4rem}.task-form-container{display:grid;height:100vh;place-items:center;position:fixed;top:0;transform:translateY(100%);width:100%}.task-form-container form{background-color:#fff;background-color:var(--secondary2);border-radius:30px;box-shadow:8px 8px 24px #474747;box-shadow:var(--box-shadow4);height:100vh;padding:.5rem;width:100%}.task-form-open{transform:translateY(8%)}.task-form-container form .header{display:flex;justify-content:space-between;padding:.5rem;width:100%}.task-form-container form .header .icon{cursor:pointer;font-size:25px}.task-form-container form .inp-handler{display:grid;grid-template-columns:1fr 1fr}.task-form-container form .inp-handler .inp-holder{background-color:#fff;background-color:var(--secondary2);box-shadow:4px 4px 12px hsla(0,0%,74%,.439);box-shadow:var(--box-shadow2);margin:1rem;padding:.5rem;width:90%}.task-form-container form .inp-handler .inp-holder input,.task-form-container form .inp-handler .inp-holder select{background-color:initial;border:none;outline:none;padding:.5rem;width:100%}.task-form-container form .btn-handler{align-items:center;display:flex;justify-content:center;margin-top:2rem;padding:1rem;width:100%}.task-form-container form .btn-handler button{background-color:#fc3e25;background-color:var(--primary);border:none;border-radius:5px;box-shadow:8px 8px 24px hsla(0,0%,74%,.439);box-shadow:var(--box-shadow);color:#fff;color:var(--secondary2);font-size:15px;font-weight:600;outline:none;padding:.5rem;width:50%}.task-form-container form .btn-handler button:hover{box-shadow:none}.task-main .body{padding:1rem}.task-main .body .task-container{padding:1rem 0}.task-main .body .task-container .vid-single-task{align-items:center;background-color:#fff;background-color:var(--secondary2);border-radius:5px;box-shadow:4px 4px 12px hsla(0,0%,74%,.439);box-shadow:var(--box-shadow2);display:block;display:flex;justify-content:space-between;margin:1rem 0;padding:1rem .5rem;text-transform:capitalize}.task-main .body .task-container .vid-single-task button{background-color:#043b83;background-color:var(--blue);border:none;border-radius:4px;color:#fff;outline:none;padding:.3rem .5rem}.videos-main .body{padding:1rem}.videos-main .body .createVideoBtn{display:flex;justify-content:flex-end;padding:.5rem;width:100%}.videos-main .body .createVideoBtn button{align-items:center;background-color:#fc3e25;background-color:var(--primary);border:none;border-radius:2px;color:#fff;color:var(--secondary2);display:flex;font-weight:600;outline:none;padding:.3rem .5rem}.videos-main .videos{margin-top:1rem}.videos-main .videos .header{display:flex;justify-content:space-between}.videos-main .videos .header select{outline:0;padding:.3rem}.videos-main .videos-container{display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:2rem}.videos-main .videos-container .video{background:#fff;background:var(--secondary2);border-radius:5px;box-shadow:8px 8px 24px hsla(0,0%,74%,.439);box-shadow:var(--box-shadow);cursor:pointer;height:auto;margin:.5rem;padding:1rem;width:90%}.videos-main .videos-container .video .vid-icon{display:grid;margin:1rem 0;place-content:center}.videos-main .videos-container .video .vid-icon img{border-radius:50%;height:100px;width:100px}.video-main{padding:1rem}.video-main .body .createVideoBtn{display:flex;justify-content:flex-end;padding:.5rem;width:100%}.video-main .body .createVideoBtn button{align-items:center;background-color:#fc3e25;background-color:var(--primary);border:none;border-radius:2px;color:#fff;color:var(--secondary2);display:flex;font-weight:600;outline:none;padding:.3rem .5rem}.video-main .body .videos .header{margin-top:1rem}.video-main .body .videos .header .banner{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:5px;height:200px;width:100%}.video-main .body .videos .videos-container{margin-top:1rem}.video-main .body .videos .videos-container .select{display:flex;justify-content:flex-end;position:sticky;top:.5rem;width:100%}.video-main .body .videos .videos-container select{outline:none;padding:.2rem}.video-main .body .videos .videos-container .video{background-color:#fff;background-color:var(--secondary2);border-radius:3px;box-shadow:2px 2px 24px #bcbcbc40;box-shadow:var(--box-shadow3);cursor:pointer;display:flex;margin:1rem 0;padding:1rem}.video-main .body .videos .videos-container .video:hover{box-shadow:8px 8px 24px hsla(0,0%,74%,.439);box-shadow:var(--box-shadow);padding:1rem}.video-main .body .videos .videos-container .video .img{background-position:50%;background-repeat:no-repeat;background-size:cover;height:60px;width:60px}.video-main .body .videos .videos-container .video .details{margin-left:1rem;width:100%}.video-main .body .videos .videos-container .video .details .header{align-items:center;display:flex;justify-content:space-between;margin-top:0}.video-main .body .videos .videos-container .video .details strong{display:block;margin-bottom:.8rem}.video-main .body .videos .videos-container .video .details .status{border-radius:3px;color:#fff;color:var(--secondary2);font-size:9px;padding:.2rem}.users-main .body{padding:1rem}.users-main .admins-container{display:flex;flex-wrap:wrap;justify-content:space-between;padding:1rem}.users-main .admins-container h3{color:#fc3e25;color:var(--primary);flex-basis:100%}.users-main .user-box{background-color:#fff;background-color:var(--secondary2);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:4px;box-shadow:4px 4px 12px hsla(0,0%,74%,.439);box-shadow:var(--box-shadow2);cursor:pointer;margin:1rem;padding:.5rem;width:200px}.users-main .user-box img{height:70px;width:70px}.users-main .user-box p{font-size:18px;font-weight:600;text-transform:capitalize}.account-main{padding:1rem}.account-main .body .banner{background-image:url(/static/media/white1.69a01890b8b18d43e4eb.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:3px;height:200px;margin-top:1rem;position:relative;width:auto}.account-main .body .banner img{border:2px solid #fc3e25;border:2px solid var(--primary);border-radius:50%;height:120px;position:absolute;right:1rem;top:140px;width:120px}.account-main .body .details-sec{margin:.5rem 0}.account-main .body .name-sec h3{color:#fc3e25;color:var(--primary);margin-top:1rem;text-transform:capitalize}.account-main .body .name-sec p{margin:.5rem 0}.account-main .body .details-sec{margin:1rem 0}.account-main .body .details-sec .details{background-color:#fff;background-color:var(--secondary2);border-radius:5px;box-shadow:4px 4px 12px hsla(0,0%,74%,.439);box-shadow:var(--box-shadow2);margin:1rem 0;padding:.5rem 1rem}.account-main .body .details-sec .details span{display:block;margin:.4rem 0}.account-main .body .details-sec .details .btn-holder{display:flex;justify-content:flex-end;width:100%}.account-main .body .details-sec .details .btn-holder button{background-color:#043b83;background-color:var(--blue);border:none;border-radius:3px;color:#fff;outline:none;padding:.3rem .5rem}.account-main .body .set-sec{margin:1rem 0}.account-main .body .set-sec .set-item{align-items:center;background-color:#fff;background-color:var(--secondary2);border-radius:3px;box-shadow:4px 4px 12px hsla(0,0%,74%,.439);box-shadow:var(--box-shadow2);display:flex;justify-content:space-between;margin:1rem 0;padding:1rem .5rem;width:100%}.account-main .body .set-sec .set-item button{background-color:initial;border:none;border-radius:50%;color:#000;color:var(--text1);font-size:16px;font-weight:600;outline:none}.account-main .body .tasks-sec h3{text-transform:capitalize}@media screen and (max-width:1121px){.grid-body{display:block}.grid-body .big-nav,.grid-body aside{display:none}.greet-component{margin-top:4rem}.grid-body .small-nav{display:grid}.edit-modal-container .edit-modal .inp-holder input{width:100%}.back-nav-container{display:flex;justify-content:center;left:0;margin-bottom:4rem}.back-nav{background-color:var(--secondary2);box-shadow:none;height:60px;position:fixed;top:.5rem;width:97%;z-index:2}.loading-container-full{align-items:center;display:flex;height:60vh;justify-content:center}}@media screen and (max-width:800px){.register-main .container{grid-template-columns:.6fr 1fr}.login-main .container{grid-template-columns:1fr .6fr}.dashboard-main .body .layout{display:grid;grid-template-columns:1fr}.dashboard-main .body .layout .layout1{display:grid;grid-template-columns:1fr 1fr}.assign-modal-container .assign-modal .body,.videos-main .videos-container{grid-template-columns:1fr 1fr}}@media screen and (max-width:600px){.register-main .container{grid-template-columns:1fr}.register-main .lhs{display:none}.login-main .container{grid-template-columns:1fr}.login-main .rhs{display:none}}@media screen and (max-width:530px){.users-main .user-box{width:100%}.assign-modal-container .assign-modal .body,.edit-modal-container .edit-modal form .inp-handler{grid-template-columns:1fr}.vid-details-container{padding:0}.vid-details-container .vid-details-modal{width:100%}.sort-nav{padding:0 1rem}.pagination-container{bottom:0}.pagination-container button{background-color:var(--secondary2);border:2px solid var(--primary);border-radius:5px;color:var(--text1);margin:0 .3rem;outline:0;padding:.1rem .3rem}.options .edit-sec input{width:100%}}@media screen and (max-width:450px){.login-main .container,.register-main .container{width:100%}.dashboard-main .body .layout,.dashboard-main .body .layout .layout1{display:grid;grid-template-columns:1fr}.videos-main .videos-container{grid-template-columns:1fr}.user-modal-container .user-modal{border-radius:10px;width:100%}}@media screen and (max-width:405px){.notification-container .notification{width:96%}.sort-nav button{font-size:9px}.notification-container .notification{width:96%}.sort-nav button{font-size:10px}}@media screen and (max-width:360px){.sort-nav button{font-size:9px}}
/*# sourceMappingURL=main.8b712257.css.map*/