:root{--primary-red:#db4c3f;--secondary-red:#b03d32;--primary-gray:#f5f5f5;--secondary-gray:#e5e5e5;--border-color:#999;--task-border-color:#f0f0f0;--form-border-color:#ddd;--hover-gray:hsla(0,0%,100%,.2);--current-gray:#eee;--sidebar-bg:#fafafa;--opaque-bg:rgba(0,0,0,.5);--white:#fff;--white-text:#fff;--gray-text:#969696;--black-text:#202020;--num-text:#aaa;--green:#058527;--orange:#ad6200;--blue:#246fe0;--purple:#692fc2;--grey:grey;--grey-day-hover:#f1f1f1;--red:#d1453b;--radius-xs:3px;--radius:5px;--radius-xl:10px;--topbar-height:44px;--sidebar-width:285px;--project-form-header-height:55px;--priority-1:#d1453b;--priority-2:#eb8909;--priority-3:#246fe0}*,:after,:before{box-sizing:border-box;font-family:-apple-system,system-ui,Segoe UI,Roboto,Noto,Oxygen-Sans,Ubuntu,Cantrell,Helvetica Neue,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;margin:0;outline:none;padding:0}body{background-color:var(--bg);color:var(--text);font-size:13px;height:100vh;overflow:hidden;width:100vw}h1{font-size:20px;line-height:25px}h1,h2{font-weight:700}h2{font-size:16px;line-height:23px}h3{font-size:14px;line-height:21px}h3,h4{font-weight:400}h4{font-size:12px;line-height:17px}.hidden,[hidden]{display:none!important}.visually-hidden{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}ul{list-style:none}.not-available{cursor:not-allowed!important}button{color:var(--text);cursor:pointer}.primary-btn,.secondary-btn{border:1px solid transparent;border-radius:var(--radius);font-weight:700;height:32px;min-width:68px;padding-inline:12px}.primary-btn{background-color:var(--secondary-color);color:var(--white-text)}.primary-btn:not([disabled]):hover{background-color:var(--secondary-color-hover)}.primary-btn[disabled]{cursor:not-allowed;opacity:.3}.secondary-btn{background-color:#f5f5f5;color:var(--text);transition:border .3s ease,box-shadow .3s ease}.secondary-btn:hover{border-color:var(--border-color);box-shadow:0 1px 2px rgba(0,0,0,.15)}.third-btn{align-items:center;background-color:transparent;border:none;border-radius:var(--radius);color:#fff;display:flex;font-weight:700;height:28px;justify-content:center;overflow:hidden;transition-duration:.3s;transition-property:color,background-color;transition-timing-function:cubic-bezier(.4,0,.2,1);width:28px}.third-btn:hover{background-color:var(--hover-gray)}::-webkit-scrollbar{height:7px;width:7px}::-webkit-scrollbar-thumb{background-color:#8b8b8b;border-radius:var(--radius-xl)}::-webkit-scrollbar-track{background-color:#efefef}.dark .secondary-btn{background-color:#353535}.dark ::-webkit-scrollbar-track{background-color:#171717}.left-side,.right-side,.top-bar{align-items:center;display:flex;gap:5px;justify-content:center}.top-bar{background-color:var(--primary-color);height:var(--topbar-height);justify-content:space-between;padding:0 42px;width:100vw}.search-bar{align-items:center;color:var(--white-text);display:flex;height:28px;position:relative;transition:width .3s ease;width:200px}.search-bar>#search-input{background-color:hsla(0,0%,100%,.2);border:none;border-radius:var(--radius);color:var(--text);height:100%;outline:none;padding:5px 0 5px 34px;transition:background .3s ease;width:100%}.search-bar:focus-within,.search-bar:hover{color:#202020}.search-bar:focus-within{width:400px}.search-bar:hover>#search-input,.search-bar>#search-input:focus{background-color:var(--secondary-bg)}.search-bar>#search-input::placeholder{color:var(--top-bar-icon-color)}.search-bar:hover>#search-input::placeholder,.search-bar>#search-input:focus::placeholder{color:var(--secondary-text)}.search-bar>#search-icon{left:5px;position:absolute;top:50%;transform:translateY(-50%)}.right-side{gap:12px}.top-bar .third-btn{color:var(--top-bar-icon-color)}.dark .search-bar{color:#fff}.dark .search-bar:not(:hover,:focus-within) #search-icon,.neutral .search-bar:not(:hover,:focus-within) #search-icon{opacity:.6}.dark #search-input,.dark .search-bar:hover>#search-input,.dark .search-bar>#search-input:focus{background-color:#363636}.dark #search-input::placeholder,.dark .search-bar:hover>#search-input::placeholder,.dark .search-bar>#search-input:focus::placeholder{color:hsla(0,0%,100%,.87)}.neutral .search-bar{color:#202020}.neutral .search-bar:hover>#search-input,.neutral .search-bar>#search-input,.neutral .search-bar>#search-input:focus{background-color:#fff}.neutral #search-input::placeholder,.neutral .search-bar:hover>#search-input::placeholder,.neutral .search-bar>#search-input:focus::placeholder{color:gray}.neutral .third-btn:hover{background-color:rgba(0,0,0,.1)}.project,.project-container,.project-header,.side-bar{align-items:center;display:flex}.project-container,.side-bar{flex-direction:column}.side-bar{background-color:var(--secondary-bg);gap:30px;height:calc(100vh - var(--topbar-height));left:calc(var(--sidebar-width)*-1);padding:35px 45px 35px 35px;position:fixed;top:var(--topbar-height);transition:left .3s ease;width:var(--sidebar-width)}.side-bar.open{left:0}.side-bar:hover #open-project-form{visibility:visible}.user-project-container{width:100%}#arrow-icon{transition:transform .3s ease}#arrow-icon.rotate{transform:rotate(-90deg)}#open-project-form{color:#666}#open-project-form:hover{color:var(--text)!important}.project-container{gap:10px;max-height:250px;overflow-y:auto;width:100%}#user-projects{height:250px;padding-right:5px;transition:height .3s ease;width:calc(100% + 10px)}#user-projects.close{height:0;overflow:hidden}#user-projects .project{max-width:205px}.project,.project-header{border-radius:var(--radius);cursor:pointer;gap:10px;height:34px;padding:5px;width:100%}.project.current,.project:hover{background-color:var(--hover)}.project-header>h3,.project-name{width:65%}.project-num:before{color:var(--secondary-text);content:attr(data-num)}.project-num.has-overdue:before{color:#dd4b39}.project-num[data-num="0"]{visibility:hidden}.project-header>#open-project-form{cursor:pointer;visibility:hidden}.project-header>#open-project-form:hover{background-color:var(--hover)}.project-header>h3{font-weight:600}.dark #arrow-icon,.dark #open-project-form{color:hsla(0,0%,100%,.56)}.dark .project-num.has-overdue:before{color:#ff7f74}.add-task,.main-content,.main-header,.task-list,.task-section,.task-section-header,.task-section-list{align-items:center;display:flex;flex-direction:column}.main-content{flex-grow:1;max-height:calc(100vh - var(--topbar-height));min-height:380px;overflow:hidden auto;padding-bottom:120px;position:relative;transition:margin-left .3s ease}.main-content.reduced{margin-left:var(--sidebar-width)}.main-header,.task-section-list{padding-inline:55px;width:100%}.main-header{background-color:var(--bg);left:0;padding-top:35px;position:sticky;top:0;z-index:2}.main-header-content{align-items:center;display:flex;gap:16px;height:100%;padding-bottom:8px;width:min(100%,800px)}.main-header.scrolled .main-header-content{border-bottom:1px solid var(--light-border)}.main-header-content .title{margin-right:auto}.project-action{color:gray}.project-action:hover{background-color:var(--hover);color:var(--text)}.empty-project{--shadow-color:var(--text);align-items:center;display:flex;filter:drop-shadow(0 0 2em var(--shadow-color));flex-direction:column;gap:8px;justify-content:center;margin-top:36px;overflow:hidden;padding-inline:55px;width:100%}.empty-project-illustration{height:200px;margin:auto;width:220px}.main-content.inbox .project-action:not(#show-completed-tasks,#export-project,#import-project),.main-content.today .project-action{visibility:hidden}.main-content.today .overdue,.not-found{display:flex}.not-found{align-items:center;background-color:var(--bg);flex-direction:column;height:100%;justify-content:center;position:absolute;width:100%;z-index:3}.not-found>h3{margin-block:8px}.not-found>button{margin-top:20px}.dark .empty-project{--shadow-color:hsla(0,0%,100%,.6)}.task-section{width:min(100%,800px)}.task-section.overdue{display:none;margin-bottom:30px}.task-section:first-child .task-section-header{margin-top:24px}.task-section.overdue[hidden]+.task-section .task-section-header,.task-section:first-child:not(.overdue) .task-section-header{display:none}.task-section-header{background-color:var(--bg);border-bottom:1px solid var(--light-border);flex-direction:row;justify-content:space-between;padding:5px 0;position:sticky;top:var(--main-header-height);width:100%;z-index:1}.task-section-header .title{font-weight:700}.task-section-header .reschedule-btn{background-color:transparent;border:none;color:var(--red);cursor:pointer}.task-section-header .reschedule-btn:hover{text-decoration:underline}.task-list{width:100%}.task-list:not(.completed) .task:hover .task-action{opacity:1}.task-list.completed .task-checkbox{background-color:gray;color:#fff}.task-list.completed .task-checkbox.priority-1{background-color:var(--priority-1)}.task-list.completed .task-checkbox.priority-2{background-color:var(--priority-2)}.task-list.completed .task-checkbox.priority-3{background-color:var(--priority-3)}.task-list.completed #tic-icon{opacity:1}.task-list.completed .task-name{color:gray;text-decoration:line-through}.task-list.completed .task-action{opacity:0}.task-list.completed .task:hover .task-action:last-child{opacity:1}.add-task{color:gray;flex-direction:row;padding:8px 0;width:min(100%,800px)}.add-task:hover,.icon-container{color:var(--secondary-color)}.icon-container{align-items:center;border:2px solid transparent;border-radius:50%;display:flex;justify-content:center;margin-right:10px}.icon-container>.add-task-icon{transform:scale(.864)}.add-task:hover .icon-container{background-color:var(--secondary-color);color:#fff}.form-footer,.form-header,.form-header>a,.project-form-container{align-items:center;display:flex}.project-form-container{background-color:var(--opaque-bg);height:100vh;justify-content:center;left:0;padding:35px;position:absolute;top:0;width:100vw;z-index:10}.project-form{background-color:var(--bg);border-radius:var(--radius-xl);color:var(--text);height:100%;width:400px}.project-form h1{font-size:16px}.project-form label{font-size:14px;font-weight:700}.form-footer,.form-header{height:var(--project-form-header-height);padding:14px 24px}.form-header{background-color:var(--secondary-bg);border-bottom:1px solid var(--strong-border);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);justify-content:space-between}#help-icon{color:var(--text)}.form-footer{border-top:1px solid var(--strong-border);gap:10px;justify-content:flex-end}.field-container,.form-field{display:flex;flex-direction:column}.field-container{gap:20px;height:calc(100% - var(--project-form-header-height)*2);padding:20px 24px}.form-field{gap:10px;position:relative}.form-input{background-color:var(--bg);border:1px solid var(--strong-border);border-radius:var(--radius);color:var(--text);height:30px;padding:5px}.write{border-color:transparent;box-shadow:0 0 0 1px #1f60c2,0 0 0 4px #dceaff}.form-input:focus{border-color:#999}#color-selector,.color{cursor:pointer}.color{align-items:center;display:flex;gap:10px;padding:5px 10px;position:relative}.color .color-tic-icon{color:var(--text);position:absolute;right:0;top:50%;transform:translate(-50%,-50%);visibility:hidden}.color.current-color .color-tic-icon{visibility:visible}.color-icon{--color:#000;background-color:var(--color);border-radius:50%;height:12px;width:12px}.color-list{--height:300px;background-color:var(--bg);border:1px solid var(--strong-border);border-radius:var(--radius-xl);bottom:calc((var(--height) + 5px)*-1);height:var(--height);overflow-y:scroll;position:absolute;width:100%;z-index:11}.color-list .color:hover{background-color:var(--hover)}.dark .write{box-shadow:0 0 0 1px #1f60c2,0 0 0 4px #2a4c80}.dark .form-input:focus{border-color:#555}.task,.task-due-date,.task-info,.task-project{align-items:center;display:flex}.task{align-items:stretch;border-bottom:1px solid var(--light-border);cursor:pointer;position:relative;width:min(100%,800px)}.task-checkbox,.task-checkbox-btn{align-items:center;display:flex;justify-content:center}.task-checkbox-btn{background-color:transparent;border:none;color:grey;cursor:pointer;height:24px;margin:8px 6px 0 -3px;overflow:hidden;width:24px}.task-checkbox-btn.checked .task-checkbox{animation:check-animation .2s cubic-bezier(1,0,0,1)}@keyframes check-animation{0%{transform:scale(1)}to{transform:scale(1.2)}}#tic-icon{opacity:0;transition:opacity .15s cubic-bezier(.4,0,1,1)}.task-checkbox-btn:hover #tic-icon{opacity:1}.task-checkbox{border:1px solid grey;border-radius:50%;height:18px;width:18px}.task-content{display:flex;flex-direction:column;flex-grow:1;gap:3px;margin-right:30px;padding-block:8px}.task-description{color:grey;margin-bottom:3px}.task-due-date{color:gray;font-size:12px;line-height:12px}.task-due-date,.task-project{gap:2px}.task-project{color:grey;cursor:pointer;flex-direction:row-reverse;margin-left:auto;margin-right:-30px}.task-project>svg-loader{height:12px;width:12px}.task-action-container{display:flex;gap:8px;margin-right:-30px;margin-top:8px;position:absolute;right:0;top:0}.task-action{color:grey;cursor:pointer;height:24px;opacity:0;width:24px}.task-action.active{opacity:1}.task-action:hover{background-color:#eee;color:#000}.priority-1,.priority-2,.priority-3{border-width:2px;height:19px;width:19px}.priority-1{background-color:rgba(209,69,59,.1);border-color:var(--priority-1);color:var(--priority-1)}.priority-2{background-color:rgba(235,137,9,.1);border-color:var(--priority-2);color:var(--priority-2)}.priority-3{background-color:rgba(36,111,224,.1);border-color:var(--priority-3);color:var(--priority-3)}.dark .task-project{color:#ffffff99}.dark .task-action{color:hsla(0,0%,100%,.56)}.dark .task-action:hover{background-color:#4d4d4d;color:hsla(0,0%,100%,.87)}.task-editor,.task-editor-btn,.task-editor-container,.task-editor-extra-field,.task-editor-extra-field-btn-container,.task-editor-footer{align-items:center;display:flex;gap:12px}.task-editor{flex-direction:column;padding-top:4px;width:100%}.task-editor-container>*,.task-editor>*{width:min(100%,800px)}.task-editor-container{border:1px solid #e5e5e5;border-radius:var(--radius-xl);flex-direction:column;gap:8px;padding:10px}.task-editor-container:focus-within{border-color:#ccc}.task-editor-field{border:none}.task-name-input{background-color:var(--bg);color:var(--text);font-size:14px;font-weight:500;line-height:21px}.task-name-input::placeholder{color:rgba(0,0,0,.4)}.task-description-input{background-color:var(--bg);color:var(--text);font-size:13px;font-weight:400;line-height:18px;max-height:202px;min-height:40px;overflow:auto;padding:1px;resize:none}.task-description-input::placeholder{color:gray;font-weight:100}.task-editor-extra-field{height:28px;justify-content:space-between}.task-editor-extra-field-btn-container{gap:8px}.priority-btn{color:grey}.priority-btn.active,.priority-btn:hover{background-color:#eee}.task-editor-btn{align-items:center;background-color:transparent;border:1px solid #ccc;border-radius:var(--radius);color:#555;cursor:pointer;gap:4px;height:28px;padding-inline:8px}.task-editor-btn svg-loader{height:16px;width:16px}.task-editor-btn:hover{background-color:var(--hover)}.task-editor-btn-text{font-size:13px}.task-editor-footer{justify-content:flex-end}.dark .task-editor-container{border-color:#363636}.dark .task-editor-container:focus-within{border-color:#484848}.dark .task-name-input::placeholder{color:hsla(0,0%,100%,.4)}.dark .task-editor-btn{border-color:#555;color:hsla(0,0%,100%,.6)}.project-picker-container{height:100%;left:0;position:absolute;top:0;width:100%;z-index:20}.project-picker,.project-picker-list{display:flex;flex-direction:column}.project-picker{background-color:var(--bg);border:1px solid rgba(0,0,0,.1);border-radius:var(--radius);box-shadow:0 2px 4px 0 rgb(0 0 0/8%);left:0;position:absolute;width:275px}.project-picker-arrow{border:6px solid transparent;border-bottom-color:#ddd;height:0;left:50%;margin-top:-12px;position:absolute;transform:translateX(-50%);width:0}.project-picker-arrow:before{border:6px solid transparent;border-bottom-color:#fff;content:"";left:-6px;position:absolute;top:-5px}.project-picker-arrow.reverse{margin-top:0;top:100%;transform:rotate(180deg) translateX(50%)}.project-picker-header{border-bottom:1px solid var(--light-border);display:flex;padding:4px 10px}.project-picker-search{border:none;flex-grow:1;line-height:24px;outline:none}.project-picker-search::placeholder{color:gray}.project-picker-list{max-height:300px;overflow:hidden auto}.project-picker-item-container{flex-grow:1}.project-picker-item{align-items:center;background-color:transparent;border:none;color:var(--text);cursor:pointer;display:flex;gap:10px;padding:4px 10px;width:100%}.project-picker-item.current .project-picker-item-tic{opacity:1}.project-picker-item:hover{background-color:var(--hover)}.project-picker-item span{flex-grow:1;line-height:24px;text-align:left}.project-picker-item-tic{color:var(--secondary-color);opacity:0}.project-picker-empty>span{color:gray;display:inline-block;font-size:13px;padding:5px 10px}.project-picker-empty .project-picker-item{color:var(--text);font-weight:600;margin-bottom:4px;padding:4px 10px}.dark .project-picker{background-color:#282828;border:1px solid #171717;box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.dark .project-picker-arrow{border-bottom-color:#171717}.dark .project-picker-arrow:before{border-bottom-color:#282828}.dark .project-picker-search{background-color:#282828;color:var(--text)}.due-date-picker-container{height:100%;left:0;position:absolute;top:0;width:100%;z-index:20}.date-picker,.date-suggestions,.due-date-picker{display:flex;flex-direction:column}.due-date-picker{background-color:var(--bg);border:1px solid rgba(0,0,0,.1);border-radius:var(--radius);box-shadow:0 1px 8px 0 rgb(0 0 0/8%),0 0 1px 0 rgba(0,0,0,.3);color:var(--text);max-height:600px;overflow:hidden;position:absolute;width:250px}.date-input,.date-preview-content,.date-preview-date{display:flex}.date-input{padding:8px 13px}.date-input input{background-color:var(--bg);border:none;color:var(--text);line-height:24px;padding:1px 2px;width:100%}.date-input input::placeholder{color:gray}.date-input svg-loader{cursor:pointer}.date-preview{border-top:1px solid var(--light-border);padding:8px 13px}.date-preview-content{background-color:transparent;border:none;cursor:pointer;font-weight:600;gap:10px;text-align:left;width:100%}.date-preview-content-icon{color:grey}.date-preview-content-date{flex:1;flex-direction:column}.date-preview-info{display:flex;justify-content:space-between}.date-preview-info-time{font-weight:400}.date-preview-tasks{color:#999;font-size:10px}.date-suggestions{border-block:solid 1px var(--light-border);padding-block:4px}.date-suggestions-item{background-color:var(--bg);border:none;cursor:pointer;display:flex;padding:4px 10px}.date-suggestions .date-suggestions-item:hover{background-color:var(--hover)}.date-suggestions-icon{margin-right:10px}.date-suggestions-label{flex-grow:1;font-size:13px;font-weight:500;line-height:24px;text-align:left}.date-suggestions-weekday{color:grey;line-height:24px}#date-suggestions-icon-today{color:var(--green)}#date-suggestions-icon-tomorrow{color:var(--orange)}#date-suggestions-icon-weekend{color:var(--blue)}#date-suggestions-icon-next-week{color:var(--purple)}#date-suggestions-icon-no-date{color:var(--grey)}.date-picker-header,.date-picker-header-action,.date-picker-header-action-container{align-items:center;display:flex}.date-picker-header{flex-shrink:0;justify-content:space-between;padding:4px 10px 4px 16px}.date-picker-header-month{font-weight:700}.date-picker-header-action-container{gap:8px}.date-picker-header-action{background-color:var(--bg);border:none;border-radius:var(--radius);color:var(--grey);cursor:pointer;height:24px;justify-content:center;width:24px}.date-picker-header-action:disabled{opacity:.2;pointer-events:none}.date-picker-header-action:enabled:hover{background-color:var(--hover);color:var(--text)}#current-icon{border:1px solid var(--grey);border-radius:50%;height:8px;width:8px}.date-picker-header-action:enabled:hover #current-icon{border-color:#000}#next-icon{transform:rotate(180deg)}.date-picker-month-list-header{border-bottom:1px solid transparent;flex-shrink:0;height:25px;position:relative}.date-picker-month-list-header.border{border-bottom-color:var(--light-border)}.task-counter{background-color:var(--bg);height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.task-counter-info{color:var(--grey);flex:1;font-size:10px;padding-top:2px;text-align:center}.counter-info,.date-info{font-size:10px}.counter-info{font-weight:700}.task-counter-bar{display:flex;height:3px;justify-content:center}.task-counter-bar span{background-color:#b8b8b8;display:inline-block;height:3px;width:8px}.task-counter-bar span:first-child{border-bottom-left-radius:2px;border-top-left-radius:2px}.task-counter-bar span:last-child{border-bottom-right-radius:2px;border-top-right-radius:2px}.date-picker-week-day-list{color:var(--grey);display:flex;font-size:10px;padding:0 10px}.week-day{flex:1;font-size:10px;line-height:24px;text-align:center}.date-picker-month-list{height:180px;overflow:hidden scroll;position:relative}.date-picker-month-list::-webkit-scrollbar{width:0}.date-picker-calendar{display:flex;flex-direction:column}.date-picker-calendar-header{border-bottom:1px solid var(--light-border);font-size:12px;font-weight:700;margin:0 16px 4px;padding:8px 0}.date-picker-calendar:first-child .date-picker-calendar-header{display:none}.date-picker-calendar-grid{display:grid;gap:4px 0;grid-template-columns:repeat(7,1fr);padding:0 10px}.date-picker-calendar-grid>*{line-height:24px}.date-picker-calendar-day,.date-picker-calendar-day-bg{align-items:center;display:flex;justify-content:center}.date-picker-calendar-day{background-color:var(--bg);border:none;width:100%}.date-picker-calendar-day:not(.empty,.past){cursor:pointer}.date-picker-calendar-day-bg{background-color:transparent;border-radius:12px;color:var(--secondary-text);height:24px;transition:background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1);width:24px}.date-picker-calendar-day.selected .date-picker-calendar-day-bg{background-color:#de4c4a;color:#fff;font-weight:700}.date-picker-calendar-day:not(.empty,.past,.selected):hover .date-picker-calendar-day-bg{background-color:var(--hover);color:var(--text)}.date-picker-calendar-day span{margin-top:-1px}.date-picker-calendar-day.today span{color:#de4c4a!important;font-weight:700}.date-picker-calendar-day.selected.today span{color:#fff!important}.date-picker-calendar-day.empty,.date-picker-calendar-day.past{cursor:default}.date-picker-calendar-day.empty{opacity:0}.date-picker-calendar-day.past{opacity:.15}.has-task{position:relative}.date-picker-calendar-day.has-task:before{background-color:var(--grey);border-radius:50%;bottom:2px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:3px}.date-picker-calendar-day.has-task.selected:before{background-color:#fff}.date-actions{border-top:1px solid var(--light-border);display:flex;font-size:13px;font-weight:600;justify-content:space-between;line-height:24px;padding:8px 10px}.date-actions-add-time,.date-actions-save,.date-actions-time-label{color:var(--red);cursor:pointer}.date-actions-save{background-color:transparent;border:none;font-weight:600}.date-actions-time{align-items:stretch;border:1px solid var(--light-border);border-radius:var(--radius-xs);display:flex;line-height:22px}.date-actions-time-label,.date-actions-time-remove{padding:0 4px}.date-actions-time-label:hover,.date-actions-time-remove:hover{background-color:var(--hover)}.date-actions-time-remove{align-items:center;border-left:1px solid var(--light-border);color:var(--grey);cursor:pointer;display:flex;justify-content:center}.time-picker-container{height:100%;left:0;position:absolute;top:0;width:100%}.time-picker,.time-picker-field,.time-picker-label{align-items:center;display:flex}.time-picker{background-color:var(--bg);border:1px solid rgba(0,0,0,.1);border-radius:var(--radius-xs);box-shadow:0 1px 8px 0 rgb(0 0 0/8%),0 0 1px 0 rgba(0,0,0,.3);display:flex;flex-direction:column;left:0;position:absolute;top:0;width:225px}.time-picker>*{width:100%}.time-picker-field{flex-direction:row-reverse;gap:4px;padding:8px 10px}.time-picker-field>*{flex:1}.time-picker-label{justify-content:space-between}.time-picker-input{border:1px solid var(--light-border);border-radius:var(--radius-xs);color:var(--text);line-height:22px;padding-inline:4px 20px;width:0}.time-picker-input.invalid-time+.time-picker-label .warning-icon{visibility:visible}.time-picker-input::placeholder{color:gray}.warning-icon{color:var(--red);visibility:hidden}.time-picker-footer{border-top:1px solid var(--light-border);display:flex;font-size:13px;font-weight:600;justify-content:space-between;line-height:24px;padding:8px 10px}.time-picker-footer>button{background-color:transparent;border:none;color:var(--red);cursor:pointer}.time-picker-footer>button[type=submit]{font-weight:700}.time-picker-footer>button[type=submit]:disabled{cursor:default;opacity:.3}.dark .due-date-picker,.dark .time-picker{background-color:#282828;border:1px solid #171717;box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.dark .date-preview-content-icon,.dark .date-suggestions-weekday{color:hsla(0,0%,100%,.56)}.dark .date-preview-tasks{color:hsla(0,0%,100%,.6)}.dark .date-input input,.dark .date-picker-calendar-day,.dark .date-picker-header-action,.dark .date-suggestions-item,.dark .task-counter,.dark .time-picker-input{background-color:#282828}.dark .date-actions-time-label:hover,.dark .date-actions-time-remove:hover,.dark .date-picker-calendar-day:not(.empty,.past,.selected):hover
.dark .date-picker-calendar-day-bg,.dark .date-picker-header-action:hover{background-color:#4d4d4d}.dark .date-picker-header-action:enabled:hover #current-icon{border-color:var(--text)}.dark .date-picker-week-day-list,.dark .task-counter-info{color:hsla(0,0%,100%,.6)}.dark .task-counter-bar span{background-color:var(--text)}.dark .date-actions-time-remove{color:hsla(0,0%,100%,.56)}.dark #date-suggestions-icon-today{color:#25b84c}.dark #date-suggestions-icon-tomorrow{color:#ff9a14}.dark #date-suggestions-icon-weekend{color:#5297ff}.dark #date-suggestions-icon-next-week{color:#a970ff}.dark #date-suggestions-icon-no-date{color:var(--grey)}.info-pop-up,.info-pop-up-container{display:flex;flex-direction:column}.info-pop-up-container{align-items:center;background-color:var(--opaque-bg);height:100%;left:0;padding:13vh 32px 32px;position:absolute;top:0;width:100%;z-index:30}.info-pop-up{background-color:var(--bg);border-radius:var(--radius-xl);box-shadow:0 2px 8px 0 rgba(0,0,0,.16);max-height:100%;width:min(100%,450px)}.info-pop-up>*{flex-grow:1}.info-pop-up>header{align-items:center;color:var(--grey);display:flex;gap:8px;padding:8px 8px 8px 16px}.info-pop-up>header>h2{color:var(--text)}.pop-up-close{align-items:center;color:var(--grey);display:flex;height:32px;justify-content:center;margin-left:auto;width:32px}.pop-up-close:hover{background-color:var(--hover);color:var(--text)!important}.pop-up-content{padding:16px 16px 32px}.info-pop-up>footer{border:none}.dark .info-pop-up header,.dark .pop-up-close{color:hsla(0,0%,100%,.56)}.quick-add-container{align-items:center;animation:modal-appear .1s cubic-bezier(.165,.84,.44,1) both;display:flex;flex-direction:column;height:100%;left:0;padding:32px;position:absolute;top:0;width:100%;z-index:10}.quick-add-container.disappear{animation:modal-disappear .1s cubic-bezier(.165,.84,.44,1) both}@keyframes modal-appear{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes modal-disappear{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.6)}}.quick-add{background-color:var(--bg);box-shadow:0 15px 50px 0 rgba(0,0,0,.35);margin-top:calc(13vh - 32px);padding:16px;width:min(100%,550px)}.settings-container{background-color:var(--opaque-bg);height:100vh;justify-content:center;left:0;padding:32px;position:absolute;top:0;width:100vw;z-index:10}.settings{background-color:var(--bg);border-radius:var(--radius-xl);box-shadow:0 2px 8px 0 rgba(0,0,0,.16);color:var(--text);display:flex;height:100%;margin:auto;overflow:hidden;width:min(95%,1060px)}.setting,.settings-list,.settings-side-bar{display:flex;flex-direction:column}.settings-side-bar{background-color:var(--secondary-bg);width:220px}.settings-side-bar>*{padding:12px}.settings-list{gap:4px}.settings-item{align-items:center;border-radius:var(--radius);cursor:pointer;display:flex;flex:1;gap:6px;padding:4px}.settings-item:hover{background-color:var(--secondary-hover)}.settings-item.active{background-color:var(--hover)}.settings-item>h3{text-transform:capitalize}.settings-item-icon{opacity:.56}.setting{flex:1;justify-content:stretch;position:relative}.setting-footer,.setting-header{align-items:center;display:flex}.setting-header{border-bottom:1px solid var(--strong-border);height:49px;justify-content:space-between;padding:8px 8px 8px 16px}.setting-header>h2{text-transform:capitalize}.close-settings{color:var(--secondary-text)}.close-settings:hover{background-color:var(--hover);color:var(--text)}.setting-content{height:100%;overflow:auto;padding:16px 16px 24px}.setting-footer{border-top:1px solid var(--strong-border);display:none;gap:12px;justify-content:flex-end;padding:12px;position:relative;top:100%;transition:top .1s ease}.setting-footer.active{display:flex;top:0}.auto-dark-mode,.personalize-app,.theme-page,.themes{display:flex;flex-direction:column;gap:16px}.personalize-app a{color:var(--secondary-color);cursor:pointer;text-decoration:none}.personalize-app a:hover{text-decoration:underline}.auto-dark-mode{gap:8px}.toggle-field{display:flex;gap:8px}.personalize-app h4{color:rgba(0,0,0,.56)}.switch{display:inline-block;height:18px;position:relative;width:32px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#d6d6d6;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;-webkit-transition:.4s;transition:.4s}.slider:before{background-color:#fff;content:"";height:12px;left:3px;top:3px;width:12px}input:checked+.slider{background-color:var(--secondary-color)}input:checked+.slider:before{-webkit-transform:translateX(14px);-ms-transform:translateX(14px);transform:translateX(14px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.themes-container{display:flex;flex-wrap:wrap;gap:16px}.theme-item{cursor:pointer;transition:transform .1s ease-in-out,box-shadow .3s ease}.theme-item.active,.theme-item:hover{box-shadow:0 1px 8px 0 rgb(0 0 0/8%);transform:translateY(-3px)}.dark .slider{background-color:#555}.dark .personalize-app h4{color:hsla(0,0%,100%,.56)}.general-field,.general-page,.general-section{display:flex;flex-direction:column}.general-page,.general-section{gap:24px}.general-section{border-bottom:1px solid var(--strong-border);padding-bottom:24px;width:100%}.general-section:last-child{border:none}.general-field{font-size:14px;gap:14px;line-height:14px;margin-right:auto;width:min(100%,400px)}.general-field label{font-weight:700}.general-field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bg);border:1px solid #e5e5e5;border-radius:var(--radius);color:var(--text);padding:7px 30px 7px 10px;transition:border .3s ease}.general-field select:focus{border-color:#ccc}.general-field h4{color:rgba(0,0,0,.56)}.dark .general-field select{border-color:var(--light-border)}.dark .general-field select:focus{border-color:#484848}.dark .general-field h4{color:hsla(0,0%,100%,.56)}.download-btn,.downloads,.export-project,.export-project-container,.export-project>header{display:flex}.export-project-container{background-color:var(--opaque-bg);height:100vh;justify-content:center;left:0;padding:13vh 32px 32px;position:absolute;top:0;width:100vw;z-index:10}.export-project{background-color:var(--bg);border-radius:var(--radius-xl);flex-direction:column;margin-bottom:auto;max-height:100%;width:min(100%,450px)}.export-project>header{justify-content:space-between;padding:8px 8px 8px 16px}.close-export-modal{color:var(--secondary-text)}.close-export-modal:hover{background-color:var(--hover);color:var(--text)}.export-project>main{padding:16px 16px 32px}.downloads{flex-direction:column;gap:12px;margin-top:24px}.download-btn{align-items:center;gap:6px;margin-right:auto}.download-btn>svg-loader{margin-left:-6px}.import-project,.import-project-container,.import-project>header{display:flex}.import-project-container{background-color:var(--opaque-bg);height:100vh;justify-content:center;left:0;padding:13vh 32px 32px;position:absolute;top:0;width:100vw;z-index:10}.import-project{background-color:var(--bg);border-radius:var(--radius-xl);flex-direction:column;margin-bottom:auto;max-height:100%;width:min(100%,450px)}.import-project>header{justify-content:space-between;padding:8px 8px 8px 16px}.close-import-modal{color:var(--secondary-text)}.close-import-modal:hover{background-color:var(--hover);color:var(--text)}.import-project>main{padding:16px 16px 32px}.drag-and-drop-area{align-items:center;background-color:#f5f5f5;border:1px dashed #444;border-radius:var(--radius-xs);display:flex;flex-direction:column;gap:16px;justify-content:center;padding:32px 0}.drag-and-drop-area.drag-over{background-color:#e5e5e5}.upload{background-color:transparent;border:none;border-radius:var(--radius-xs);color:var(--secondary-color);cursor:pointer;font-size:12px;font-weight:600;line-height:28px;min-width:68px;padding:0 8px;transition:background-color .3s cubic-bezier(.4,0,.2,1)}.upload:hover{background-color:#fafafa}.info-text{color:var(--secondary-text);margin-top:16px}.info-text>a{color:var(--secondary-color);text-decoration:none}.info-text>a:hover{text-decoration:underline}.dark .drag-and-drop-area{background-color:#292929;border-color:hsla(0,0%,100%,.87)}.dark .upload:hover{background-color:#363636}.box,.drag-over-screen{align-items:center;display:flex;justify-content:center}.drag-over-screen{background-color:hsla(0,0%,100%,.5);height:calc(100vh - var(--topbar-height));left:0;padding:var(--topbar-height);position:absolute;top:var(--topbar-height);width:100vw;z-index:5}.box{border:3px dashed rgba(68,68,68,.6);height:100%;width:100%}.box>h1{font-size:25px;font-weight:400;opacity:.6}.drag-over-screen>input{display:none}.priority-selector-container{height:100vh;left:0;position:absolute;top:0;width:100vw;z-index:20}.priority-selector{background-color:var(--bg);border:1px solid rgba(0,0,0,.1);border-radius:var(--radius);box-shadow:0 2px 4px 0 rgb(0 0 0/8%);left:50%;overflow:hidden;position:absolute;top:50%;width:275px}.priority-item{align-items:center;cursor:pointer;display:flex;gap:10px;padding:4px 10px}.priority-item:hover{background-color:var(--hover)}.priority-item .tic{color:var(--red);margin-left:auto;visibility:hidden}.priority-item.active .tic{visibility:visible}[data-priority="1"] .flag{color:var(--priority-1)}[data-priority="2"] .flag{color:var(--priority-2)}[data-priority="3"] .flag{color:var(--priority-3)}[data-priority="4"] .flag{color:grey}.dark .priority-selector{background-color:#282828;border:1px solid #171717;box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.dark .priority-item:hover{background-color:#4d4d4d}.custom-title{background-color:#242424;border-radius:var(--radius);color:#fff;font-size:13px;font-weight:400;left:-25%;line-height:1.6;padding:5px 10px;position:absolute;top:-25%;z-index:50}.dark .custom-title{background-color:#333;color:#fff}.task-page-container{background-color:var(--opaque-bg);height:100vh;left:0;padding:32px;position:absolute;top:0;width:100vw;z-index:10}.task-page{background-color:var(--bg);border-radius:var(--radius-xl);box-shadow:0 2px 8px 0 rgba(0,0,0,.16);height:100%;margin:auto;width:min(100%,864px)}.task-default-description,.task-detail>button,.task-details-sidebar,.task-page-action-container,.task-page-project,.task-page>header,.task-page>main{align-items:center;display:flex}.task-page>header{border-bottom:1px solid var(--light-border);height:48px;justify-content:space-between;padding:0 16px}.task-page-project{cursor:pointer;gap:6px}.task-page-project:hover{text-decoration:underline}.task-page-project>svg-loader{height:16px;width:16px}.task-page-action-container{gap:8px}.task-page-action{color:gray;height:32px;width:32px}.task-page-action[disabled]{cursor:default;opacity:.3}.task-page-action:not([disabled]):hover{background-color:var(--hover);color:var(--text)}#next-task-icon,#prev-task-icon{scale:1.4}#prev-task-icon{rotate:90deg}#next-task-icon{rotate:-90deg}.task-page>main{align-items:flex-start;height:calc(100% - 48px)}.task-page .task{border:none;cursor:default;flex:1;margin:0;max-height:100%;padding:16px}.task-page .task-content{border:1px solid transparent;gap:16px;margin:0;padding:4px 7px}.task.completed .task-checkbox{background-color:gray;color:#fff}.task.completed .task-checkbox.priority-1{background-color:var(--priority-1)}.task.completed .task-checkbox.priority-2{background-color:var(--priority-2)}.task.completed .task-checkbox.priority-3{background-color:var(--priority-3)}.task.completed #tic-icon{opacity:1}.content-editor-active .task-checkbox{cursor:default}.task.completed .task-name{text-decoration:line-through}.task-default-description,.task-page .task-description,.task-page .task-name{cursor:text}.task-default-description{color:grey;font-weight:300}.content-editor{flex:1}.content-editor-area{border:1px solid #e5e5e5;border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:16px;min-height:109px;padding:4px 7px}.content-editor-area:focus-within{border-color:#ccc}.task-page .task-description-input,.task-page .task-name-input{border:none}.task-page .task-name-input{font-size:20px;font-weight:700;line-height:25px}.content-editor-area-description{display:flex}.task-page .task-description-input{font-size:14px;font-weight:400;line-height:21px;width:100%}.placeholder-icon{align-self:flex-start;color:grey}.content-editor-footer{display:flex;gap:12px;justify-content:flex-end;margin-top:12px}.task-details-sidebar{background-color:var(--secondary-bg);flex-direction:column;gap:8px;height:100%;padding:12px 24px;width:260px}.task-detail{border-bottom:1px solid var(--strong-border);padding-bottom:8px;width:100%}.task-detail.unset .task-detail-btn:not(.unset-btn),.task-detail.unset>h4,.task-detail:not(.unset) .task-detail-btn.unset-btn{display:none}.task-detail h4{font-weight:600;line-height:28px}.task-detail>h4{font-weight:600}.task-detail-btn{background-color:transparent;border:none;border-radius:var(--radius);font-weight:600;gap:8px;height:28px;margin-left:-8px;padding:0 8px;transition:background-color .3s cubic-bezier(.4,0,.2,1);width:calc(100% + 16px)}.complete .task-detail-btn,.complete .task-detail-btn h4,.content-editor-active .task-detail-btn,.content-editor-active .task-detail-btn h4{color:#b2b2b2;cursor:default}.task-page:not(.content-editor-active,.complete) .task-detail-btn:hover{background-color:var(--hover)}.task-detail-btn>svg-loader{height:16px;width:16px}.task-detail-btn>svg-loader:last-child{color:var(--text);margin-left:auto;visibility:hidden}.task-detail-btn.unset-btn h4{font-weight:600}.task-page:not(.content-editor-active) .task-detail-btn.unset-btn>svg-loader:last-child,.task-page:not(.content-editor-active) .task-detail-btn:hover>svg-loader:last-child{visibility:visible}#task-detail-due-date-remove{border-radius:var(--radius);height:24px;margin-right:-6px;width:24px}#task-detail-due-date-remove:hover{background-color:#e5e5e5}