@import"https://fonts.googleapis.com/css2?family=Afacad+Flux:wght@100..1000&display=swap";:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2);--section-gap: 160px}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--primarycolor: hsl(158, 67%, 50%);--secondarycolor: #7fdabb;--white: #ffffff}@keyframes modalAppearAnim{0%{opacity:0;transform:translate(-50%,-50%) translateY(-15px)}to{opacity:1;transform:translate(-50%,-50%) translateY(0)}}@keyframes modalTagAppearAnim{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@keyframes shakeAnim{0%{opacity:0;transform:translate(-15px)}50%{transform:translate(15px)}to{opacity:1;transform:translateY(0)}}@keyframes taskDetailsWindowAppearAnim{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}@keyframes modalOverlayAnim{0%{width:0;height:0;background:var(--secondarycolor);transform:translate(-50%,-50%) rotate(45deg)}30%{width:100px;height:100px;background:var(--secondarycolor);transform:translate(-50%,-50%) rotate(45deg)}55%{width:100px;height:100px;background:var(--secondarycolor);transform:translate(-50%,-50%)}60%{background:var(--secondarycolor);width:100px;height:100px}70%{background:var(--secondarycolor);transform:translate(-50%,-50%)}99%{width:120vw;height:120vw;background-color:#4e4d4d5e;transform:translate(-50%,-50%);border-radius:25%}to{width:120vw;height:120vw;background-color:#4e4d4d5e;transform:translate(-50%,-50%);border-radius:0}}.inputTitleAlert{color:#f16a6a;animation:shakeAnim 1s 1 forwards;margin-bottom:.5em}.markedWord{position:relative;transition:color .15s;transition-delay:.3s}.markedWord:after{background-color:var(--secondarycolor);content:"";position:absolute;display:inline-block;width:100%;height:2.5px;transition:.35s ease-in-out;border-radius:5px;top:0;left:50%;transform:translate(-50%,-50%)}.modalTypeTitle.activeConfirmHover.completeAllTasks .markedWord:after{top:calc(100% + 4px);background:var(--primarycolor)}.modalTypeTitle.activeConfirmHover.completeAllTasks .markedWord{color:var(--primarycolor)}.modalTypeTitle.activeConfirmHover.deleteAllTasks .markedWord:after{top:calc(100% + 4px);background:#ca4444}.modalTypeTitle.activeConfirmHover.deleteAllTasks .markedWord{color:#f16a6a}*{font-family:Afacad Flux,sans-serif}h1{font-weight:500;font-size:2.6rem;position:relative}h3{font-size:1.2rem}#app{margin:0 auto;padding:2rem;font-weight:400;height:fit-content}.fullWidth{width:100%}.noMargin{margin:0!important}.heightFitContent{height:fit-content!important}.input{width:100%;color-scheme:dark;border-radius:5px;background:#5c605c;color:#d5cdcd;padding:.5rem;font-size:1.1rem;outline:none;border:1.5px solid #919890;transition:.2s}.input::-webkit-scrollbar{display:none}.input.colorInput{margin-right:-5px;max-width:25px;min-height:100%;height:auto;padding:3px 4px}.input.colorInput::-webkit-color-swatch{border-radius:12px}.input::placeholder{color:#d5cdcd;font-size:1.1rem}.secondaryInput:focus,.input:focus{border:1.5px solid var(--primarycolor);outline:none}.secondaryInput{width:100%;color-scheme:dark;border-radius:5px;background:#5c605c;color:#d5cdcd;padding:.5rem;font-size:.95rem;border:1.5px solid #919890;transition:.2s}.secondaryInput::placeholder{color:#d5cdcd;font-size:.95rem}.secondaryInput:focus{border:1.5px solid var(--primarycolor);outline:none}.dropdownInput{background:#5c605c;border:1px solid #a59e9e;border-radius:.2rem;color:#d5cdcd;padding:.2rem .5rem}.dropdownInput option{border:1px solid #a59e9e}.primaryBtn{outline:none;border:1.5px solid var(--primarycolor);border-radius:.2rem;cursor:pointer;padding:.6rem 2rem;font-size:1.1rem;background:none;color:var(--primarycolor);transition:.2s}.primaryBtn:hover{background:var(--primarycolor);color:#292626}.thumbBtn{outline:none;border:1.5px solid var(--secondarycolor);border-radius:.2rem;cursor:pointer;padding:.4rem 1rem;font-size:.85rem;background:none;color:var(--secondarycolor);transition:.2s}.thumbBtn:hover,.thumbBtn:focus,.thumbBtn.active{background:var(--secondarycolor);color:#2a2e29}.mutedBtn{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;outline:none;border:1px solid #505050;border-radius:.2rem;cursor:pointer;padding:.3rem .8rem;font-size:.9rem;background:none;color:#d5cdcd;transition:.2s}.mutedBtn:hover,.mutedBtn.active{border:1px solid #d5cdcd;color:#fff}.themeIcon{position:absolute;max-width:1.2rem;max-height:1.2rem}a,.green{text-decoration:none;color:var(--primarycolor);transition:.4s;padding:3px}body{overflow-x:hidden;display:grid;padding-top:30px}body::-webkit-scrollbar{display:none}.seperator{margin:1rem auto;width:100%;height:.12rem;border-radius:.12rem;background:var(--primarycolor)}.seperator.secondaryColor{background:#7b998e}.mutedBtn .icon{transition:transform .4s;color:#d5cdcd;width:1rem;height:1rem}.labelList{margin-top:20px;list-style:none;display:flex;flex-wrap:wrap;gap:.8rem .7rem;padding:0}.label{width:fit-content;padding:0 .8rem;border:1px solid;border-radius:.3rem;transition:.32s;cursor:pointer;position:relative;display:flex;align-items:center}header[data-v-7912d862]{line-height:1.5;max-height:100vh}nav[data-v-7912d862]{width:100%;font-size:12px;text-align:center;margin-top:2rem}nav a[data-v-7912d862]{display:inline-block;padding:0 1rem;border-left:1px solid var(--color-border)}nav a[data-v-7912d862]:first-of-type{border:0}@media (min-width: 1024px){header[data-v-7912d862]{display:flex;place-items:center;padding-right:calc(var(--section-gap) / 2)}nav[data-v-7912d862]{text-align:left;margin-left:-1rem;font-size:1rem;padding:1rem 0;margin-top:1rem}}.badge[data-v-61c55691]{display:inline-block;min-width:.7rem;min-height:.7rem;border-radius:50%;flex-grow:1}.badge.red[data-v-61c55691]{background-color:#b53232;color:#b53232}.badge.orange[data-v-61c55691]{background-color:#e6b639;color:orange}.badge.green[data-v-61c55691]{background-color:#78c678;color:#78c678}.badge.white[data-v-61c55691]{background-color:#e8f1e8;color:#e8f1e8}.label[data-v-45543139]{font-size:.85rem;filter:brightness(85%);transition:color 0s}.taskList[data-v-45543139]{padding:0;display:flex;flex-direction:column;gap:1rem}.taskTitle[data-v-45543139]{display:flex;justify-content:center;align-items:center;gap:.6rem;max-width:240px}.taskTitle span[data-v-45543139]{padding-right:1.4rem;overflow:auto}.taskContent span[data-v-45543139]::-webkit-scrollbar{display:none}.actions[data-v-45543139]{display:flex;gap:.6rem}.actionBtn[data-v-45543139]{border-radius:50%;height:2rem;width:2rem;border:1px solid #7fdabb;background-color:transparent;position:relative;transition:all .3s;cursor:pointer}.actionBtn[data-v-45543139]:hover,.task.completed .completedBtn[data-v-45543139]{background:var(--secondarycolor)}.actionBtn .icon[data-v-45543139]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--secondarycolor);height:15px;width:15px}.actionBtn:hover .icon[data-v-45543139],.task.completed .completedBtn .icon[data-v-45543139]{color:#2a2e29}.task.completed span[data-v-45543139]{text-decoration:line-through}.task[data-v-45543139]{display:flex;align-items:center;justify-content:space-between;width:100%;background:#2a2e29;border-radius:15px;border:2px solid var(--secondarycolor);padding:.6rem 1.5rem;transition:.3s,color 0s;cursor:pointer}.taskList .task[data-v-45543139]:hover{border:2px solid var(--secondarycolor);box-shadow:0 0 9px var(--primarycolor)}.task span[data-v-45543139]{font-size:1.1rem}.taskList.markDueTasks .task[data-v-45543139]:not(.deadLineReached),.taskList.markDueTasks .task.deadLineReached.completed[data-v-45543139]{transform:scale(.98);filter:grayscale(90%)!important;box-shadow:none!important;opacity:.6}.taskList.markDueTasks .task.deadLineReached[data-v-45543139]{border:2px solid var(--secondarycolor);box-shadow:0 2px 5px var(--primarycolor)}.task .dateContainer span[data-v-45543139]{transition:.23s}.task.completed .dateContainer span[data-v-45543139]{color:#ebebeba3!important}.task.deadLineReached .dateContainer span[data-v-45543139]{color:#d36363d6}.dateContainer[data-v-45543139]{position:relative;border:2px solid var(--secondarycolor);border-top:none;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding:0 .3rem;margin-top:-.6rem}.dateContainer span[data-v-45543139]{font-size:.85rem;text-wrap:nowrap}.taskContent[data-v-45543139]{display:flex;align-items:start;gap:1.5rem}h2[data-v-27f09ff9]{font-size:2rem}.titleFlexBar[data-v-27f09ff9]{margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}.flexBar[data-v-27f09ff9]{display:flex;align-items:stretch;justify-content:space-between;margin-bottom:1rem;gap:1rem}.mutedBtn.iconPaddingAdjustment[data-v-27f09ff9]{padding:.4rem .5rem}.label[data-v-27f09ff9]:hover{border-color:#686a68!important;color:#686a68}.label[data-v-27f09ff9]:after{content:"✕";color:#f16a6a;display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);transition:.2s}.label[data-v-27f09ff9]:hover:after,.label[data-v-27f09ff9]:active:after{transform:translate(-50%,-50%) scale(.9)}.modal[data-v-27f09ff9]{opacity:0;min-width:510px;width:510px;background:#232523;border:3px solid var(--primarycolor);box-shadow:0 0 8px 0 var(--primarycolor);z-index:99999;border-radius:10px;padding:50px;position:absolute;top:20%;left:0;right:0;margin:auto;animation:modalTagAppearAnim .4s 1s 1 forwards}.modalOverlay[data-v-27f09ff9]{cursor:pointer;overflow:hidden;z-index:9999;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:25%;animation:modalOverlayAnim 1s 1 ease-in-out forwards;display:flex;justify-content:center;align-items:center}.posSticky[data-v-68786166]{position:sticky;top:10px;height:fit-content}.sideBar[data-v-68786166]{position:absolute;margin-left:-100px;border:2px solid #587c6f;height:fit-content;padding:1rem;display:flex;flex-direction:column;gap:1rem;border-radius:10px}.sideBar .sideBarItem[data-v-68786166]{position:relative;min-width:2rem;min-height:2rem;margin:0}.projectNumContainer[data-v-68786166]{position:absolute;color:var(--secondarycolor);font-weight:700;font-size:1.15rem}.alertNotification[data-v-68786166]{position:absolute;width:.45rem;height:.45rem;background:#b53232;border-radius:50%;top:5px;right:8px;z-index:1}.primaryBtn.confirmBtn[data-v-a4cf496f]{font-size:.9rem;padding:.1rem 1rem}h3[data-v-a4cf496f]{font-size:1.3rem;color:#d5cdcd}.infoIcon[data-v-a4cf496f]{width:40px;height:auto;color:#d5cdcd}.btnRow[data-v-a4cf496f]{margin-top:1rem;display:flex;gap:1rem}.modal[data-v-a4cf496f]{opacity:0;min-width:510px;width:510px;background:#232523;border:3px solid var(--primarycolor);box-shadow:0 0 8px 0 var(--primarycolor);z-index:99999;border-radius:10px;padding:50px;position:fixed;top:20%;left:50%;transform:translate(-50%,-50%);animation:modalAppearAnim .4s 1s 1 forwards}.modalOverlay[data-v-a4cf496f]{cursor:pointer;overflow:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:25%;z-index:9999;animation:modalOverlayAnim 1s 1 ease-in-out forwards;display:flex;justify-content:center;align-items:center}.titleFlexBar[data-v-e2715ec5]{margin-bottom:15px;display:flex;align-items:center;justify-content:space-between;width:100%}.mutedBtn.iconPaddingAdjustment[data-v-e2715ec5]{padding:.4rem .5rem}.headerDeadlineDate.dueDate[data-v-e2715ec5]{color:#f16a6a}.headerLabels[data-v-e2715ec5]{display:flex;gap:.5rem}.icon[data-v-e2715ec5]{width:15px;height:auto}.deadLineDateContainer[data-v-e2715ec5]{margin-bottom:10px}.labelList[data-v-e2715ec5]{gap:0;margin-bottom:1.1rem!important}.label[data-v-e2715ec5]{margin:.2rem;filter:brightness(80%)}.headerDeadlineDate[data-v-e2715ec5]{color:#d1d1d1;display:flex;align-items:center;font-size:.9rem;gap:.2rem;padding:.3rem 1rem;margin:.2rem}.label.currentLabel[data-v-e2715ec5]{border-color:#686a68;display:flex;align-items:center;font-size:.9rem;gap:.2rem;padding:.3rem 1rem;background:transparent;filter:brightness(100%);color:#bfbfbf}.label.currentLabel[data-v-e2715ec5]:hover{filter:brightness(120%)}.labelList:hover .label[data-v-e2715ec5]:not(:hover){filter:brightness(60%)}.label[data-v-e2715ec5]:hover{filter:brightness(110%)}h2[data-v-e2715ec5]{font-size:2.1rem;color:#7fdabb;line-height:1}#taskDescription[data-v-e2715ec5]{resize:none;width:300px;height:200px;font-size:1rem}.posSticky[data-v-e2715ec5]{position:sticky;top:10px;height:fit-content}.taskDetailsContainer[data-v-e2715ec5]{background:#232523;position:absolute;margin-left:35px;border:2px solid var(--primarycolor);box-shadow:0 0 4px 0 var(--primarycolor);height:fit-content;padding:2rem;border-radius:10px}.taskDetailsWindowAppearAnim[data-v-e2715ec5]{animation:taskDetailsWindowAppearAnim .8s 1 forwards}.thumbBarGapContainer[data-v-2d2248be]{display:flex;gap:.75rem}.reverseRow[data-v-2d2248be]{display:flex;flex-direction:row-reverse;flex-grow:1;justify-content:space-between}.verticalSeperator[data-v-2d2248be]{position:relative;display:inline-block;border-radius:5px;margin:auto 2px;height:20px;width:34px;border:1.5px solid rgb(80,80,80);transition:border-color .25s}.verticalSeperator[data-v-2d2248be]:before{content:"";border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:4px;display:inline-block;background:#a59e9e;transition:.2s}.thumbBar[data-v-2d2248be]{position:relative;height:fit-content;width:100%;display:flex;justify-content:space-between;margin-bottom:20px}.thumbBar:hover .verticalSeperator[data-v-2d2248be]:before{background:var(--secondarycolor)}.thumbBar>div.thumbBarGapContainer[data-v-2d2248be]{margin-right:25px}.thumbBar div.thumbBarGapContainer:nth-child(1):hover~.reverseRow .verticalSeperator[data-v-2d2248be]:before{left:35%;width:6px;height:3px;border-radius:15px}.thumbBar div.thumbBarGapContainer:hover~.verticalSeperator[data-v-2d2248be]:before{left:65%;width:6px;height:3px;border-radius:15px}.thumbBar .mutedBtn[data-v-2d2248be]{margin-top:0;padding:10px 20px}.flexBar[data-v-2d2248be]{display:flex;align-items:stretch;justify-content:space-between;margin-bottom:1rem;gap:1rem}.mainWrapper[data-v-2d2248be]{z-index:99}.mainWrapper[data-v-2d2248be]{min-width:530px;width:100%;background:#232523;border:3px solid var(--primarycolor);box-shadow:0 0 8px 0 var(--primarycolor);border-radius:10px;padding:50px}.advancedActionsContainer[data-v-2d2248be]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;box-sizing:border-box}.advancedActionsContainer div[data-v-2d2248be]{box-sizing:border-box;flex-grow:1}.mutedBtn:hover .icon[data-v-2d2248be],.mutedBtn.active .icon[data-v-2d2248be]{transform:rotate(-90deg)}.themeIcon[data-v-2d2248be]{max-height:1rem!important;max-width:1rem!important}.displayContainer[data-v-8f3634ef]{cursor:pointer;position:absolute;top:0;left:50px;width:20%;height:130px;display:flex;justify-content:center}.displayContainer:hover .numContainer[data-v-8f3634ef]{transform:translateY(-80%)}.displayContainer:hover .numContainer.active[data-v-8f3634ef]{transform:none!important}.numContainer[data-v-8f3634ef]{z-index:1;width:fit-content;height:fit-content;padding:20px 50px;margin:0;line-height:1;font-size:10rem;font-weight:500;background:transparent;color:#587c6f;border-radius:0 0 10px 10px;border:2px solid #587c6f;border-top:none;box-shadow:0 0 8px #587c6f;transition:all .64s ease-in-out,transform .5s,box-shadow .6s;cursor:pointer;transform:translateY(-110%)}.numContainer.active[data-v-8f3634ef],.numContainer[data-v-8f3634ef]:active{transition:all .64s ease-in-out,transform .5s,box-shadow .6s;transform:translateY(0);color:var(--primarycolor);border:2px solid var(--primarycolor);border-top:none;box-shadow:0 0 8px 0 var(--primarycolor)}.main[data-v-1e23491c]{display:flex}
