.page-header{align-items:center;border-radius:.8rem;box-shadow:0 .4rem .8rem var(--shadow-sm);display:flex;justify-content:space-between;padding:1.2rem}.div-page-logo-container{align-items:center;display:flex;gap:.4rem;justify-content:center}.div-page-logo-container img{width:2.4rem}.div-page-logo-container span{font-size:1.8rem}.page-navigation-btns-list{align-items:center;display:flex;gap:1.6rem;justify-content:flex-end}.page-navigation-btns-list-item button{font-size:1.2rem}.page-navigation-btns-list-item button:hover{color:var(--primary-shade)}button.active-btn{color:var(--primary)}.div-popup-add-task-container{background-color:var(--shadow-sm);border-radius:.8rem;height:100%;left:0;opacity:0;position:absolute;top:0;transition:all .3s ease-in-out;width:100%;z-index:-1}.toggle-popup{opacity:1;z-index:9999}.div-popup-add-task-modal{background-color:var(--white);border-radius:.8rem;box-shadow:0 .4rem 1.2rem var(--shadow-sm);height:28rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:80%}.form-add-task{border-radius:.8rem;gap:1.2rem;padding:1.2rem;position:relative;z-index:2}.div-sign-no-tasks-list-container,.form-add-task{background-color:var(--white);display:flex;flex-direction:column;height:100%;width:100%}.div-sign-no-tasks-list-container{align-items:center;gap:.4rem;justify-content:center;left:0;position:absolute;text-align:center;top:0}.div-sign-no-tasks-list-container ion-icon{color:var(--warning);font-size:2.4rem}.div-sign-no-tasks-list-container header{display:flex;flex-direction:column;gap:.2rem}.div-sign-no-tasks-list-container header p{font-size:1.2rem}.div-sign-no-tasks-list-container header span{color:var(--primary)}.div-sign-no-task-selected-container{align-items:center;background-color:var(--white);border-radius:.8rem;display:flex;flex-direction:column;gap:.4rem;height:100%;justify-content:center;left:0;position:absolute;text-align:center;top:0;width:100%}.div-sign-no-task-selected-container ion-icon{color:var(--warning);font-size:2.4rem}.div-sign-no-task-selected-container header{display:flex;flex-direction:column;gap:.2rem}.div-sign-no-task-selected-container header p{font-size:1.2rem}.div-sign-no-task-selected-container header span{color:var(--primary)}.div-home-overview-container{grid-column-gap:2.4rem;column-gap:2.4rem;display:grid;grid-template-columns:35fr 65fr;height:fit-content}.div-home-overview-sidebar{border-radius:.8rem;box-shadow:0 .4rem .8rem #0000001a;display:flex;flex-direction:column;gap:1.2rem;padding:1.2rem}.div-home-overview-sidebar-tasks-list-container{flex-grow:1;height:27.2rem;position:relative}.home-overview-sidebar-tasks-list{display:flex;flex-direction:column;gap:.8rem;height:inherit;overflow-y:scroll}.home-overview-sidebar-tasks-list::-webkit-scrollbar{display:none}.home-overview-sidebar-tasks-list-item{cursor:pointer;flex-shrink:0;height:4.8rem;padding:.8rem 1.6rem;position:relative}.active-home-overview-tasks-list-item,.home-overview-sidebar-tasks-list-item:hover{opacity:var(--opacity-md)}.home-overview-sidebar-tasks-list-item:before{background-color:var(--primary);border-radius:0 .4rem .4rem 0;content:"";height:100%;left:0;position:absolute;top:0;width:.2rem}.backtracked-home-overview-tasks-list-item:before{background-color:var(--danger)}.div-home-overview-sidebar-tasks-list-item-data-container{display:flex;flex-direction:column;gap:.2rem}.div-home-overview-sidebar-tasks-list-item-data-container p{font-size:1.4rem}.div-home-overview-sidebar-tasks-list-item-data-container span{font-size:1.2rem;font-style:italic}.home-overview-sidebar-tasks-list-item .span-backtracked-task,.home-overview-sidebar-tasks-list-item .span-resolved-task{bottom:.4rem;position:absolute;right:.4rem}.home-overview-sidebar-tasks-list-item .span-resolved-task ion-icon{color:var(--primary);font-size:1.4rem}.home-overview-sidebar-tasks-list-item .span-backtracked-task ion-icon{color:var(--danger);font-size:1.4rem}.div-home-overview-details{border-radius:.8rem;box-shadow:0 .4rem .8rem #0000001a;display:flex;flex-direction:column;gap:1.2rem;padding:1.2rem;position:relative}.div-home-overview-details>header{text-align:right}.form-edit-task{background-color:var(--white);border-radius:.8rem;display:flex;flex-direction:column;gap:1.2rem;height:100%;position:relative;width:100%;z-index:2}.div-form-control-btns-container,.div-inner-form-control-btns-container{grid-column-gap:1.2rem;column-gap:1.2rem;display:grid;width:100%}.div-tasks-overview-container{border-radius:.8rem;box-shadow:0 .4rem .8rem #0000001a;display:flex;flex-direction:column;gap:1.2rem;padding:1.2rem}.div-tasks-overview-tasks-list-container{flex-grow:1;height:27.2rem;position:relative}.tasks-overview-tasks-list{display:flex;flex-direction:column;gap:.8rem;height:inherit;overflow-y:scroll}.tasks-overview-tasks-list::-webkit-scrollbar{display:none}.tasks-overview-tasks-list-item{align-items:center;display:flex;flex-shrink:0;height:4.8rem;justify-content:space-between;padding:.8rem 1.6rem;position:relative}.tasks-overview-tasks-list-item:after{background-color:var(--primary);border-radius:.4rem .4rem 0 0;bottom:0;content:"";height:.2rem;left:0;position:absolute;width:100%}.backtracked-tasks-overview-tasks-list-item:after{background-color:var(--danger)}.div-tasks-overview-tasks-list-item-data-container{display:flex;flex-direction:column;gap:.2rem}.div-tasks-overview-tasks-list-item-data-container p{font-size:1.4rem}.div-tasks-overview-tasks-list-item-data-container span{font-size:1.2rem;font-style:italic}.tasks-overview-tasks-list-item .span-resolved-task ion-icon{color:var(--primary);font-size:1.8rem}.tasks-overview-tasks-list-item .span-backtracked-task ion-icon{color:var(--danger);font-size:1.8rem}.div-tasks-overview-container>footer{align-items:flex-end;display:flex;justify-content:space-between}.div-tasks-overview-container>footer button{padding:.8rem 1.6rem;width:fit-content}.div-tasks-overview-container>footer p{font-size:1.4rem}:root{--primary:#37b24d;--primary-shade:#2b8a3e;--gray-shade:#212529;--white:#fff;--danger:#f03e3e;--danger-shade:#c92a2a;--warning:#f59f00;--warning-shade:#e67700;--shadow-sm:#0000001a;--shadow-md:#0000004d;--shadow-lg:#00000080;--opacity-sm:0.1;--opacity-md:0.3;--opacity-lg:0.5;--opacity-xl:0.7}*{box-sizing:border-box;color:var(--gray-shade);font-family:sans-serif;margin:0;padding:0}:focus{outline:none}html{font-size:10px}#root{display:flex;flex-direction:column;gap:2.4rem;height:fit-content;left:50%;max-width:80rem;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}ul{list-style:none}a:link,a:visited{text-decoration:none}input,label{display:block}input,textarea{border:none}textarea{resize:none}input:focus,textarea:focus{box-shadow:inset 0 0 0 .1rem var(--primary-shade)}button{all:unset;cursor:pointer}.popup-btn-close{aspect-ratio:1/1;background-color:var(--danger);color:var(--white);font-size:1.4rem;position:absolute;right:2.4rem;top:0;transform:translateY(-1.2rem);width:3.2rem;z-index:1}.popup-btn-close:hover{transform:translateY(calc(-100% + .4rem))}.grid-2-columns{grid-template-columns:repeat(2,1fr)}.grid-3-columns{grid-template-columns:repeat(3,1fr)}.grid-4-columns{grid-template-columns:repeat(4,1fr)}.heading-secondary{font-size:1.6rem;font-weight:500}.line-clamp{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.clamp-1{line-clamp:1;-webkit-line-clamp:1}.clamp-2{line-clamp:2;-webkit-line-clamp:2}.div-input-container{display:flex;flex-direction:column;gap:.4rem}.div-textarea-container{flex-grow:1}.div-input-container label{font-size:1.4rem;position:relative}.div-input-container label:after{background-color:var(--danger);border-radius:.4rem;content:"";height:.2rem;position:absolute;right:0;top:50%;transform:translateY(-50%);width:1.6rem}.div-input-container input,.div-input-container textarea{border-radius:.4rem;box-shadow:inset 0 0 0 .1rem var(--primary);padding:.8rem}.div-textarea-container textarea{height:100%}.invalid-input-container input,.invalid-input-container textarea{box-shadow:inset 0 0 0 .1rem var(--danger)}.btn{color:var(--white);font-size:1.2rem;gap:.4rem;padding:.8rem 0;width:100%}.btn,.btn-icon{align-items:center;border-radius:.4rem;display:flex;justify-content:center}.btn ion-icon,.btn span,.btn-icon ion-icon{color:inherit}.btn span{font-size:inherit}.btn-primary{background-color:var(--primary)}.btn-primary:hover{background-color:var(--primary-shade)}.btn-danger{background-color:var(--danger)}.btn-danger:hover{background-color:var(--danger-shade)}.btn-warning{background-color:var(--warning)}.btn-warning:hover{background-color:var(--warning-shade)}.btn-icon:hover{opacity:var(--opacity-xl)}
/*# sourceMappingURL=main.e33e92d0.css.map*/