/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}@font-face{font-display:swap;font-family:WorkSans;font-style:normal;font-weight:400;src:url(fonts/d0d6548e948ff3656e87.woff);unicode-range:u+000-5ff}@font-face{font-display:swap;font-family:WorkSans;font-style:italic;font-weight:400;src:url(fonts/3eb32da8c6e3ef29c41f.woff);unicode-range:u+000-5ff}@font-face{font-display:swap;font-family:WorkSans;font-style:normal;font-weight:500;src:url(fonts/2ab523bb5c13576d60e5.woff);unicode-range:u+000-5ff}@font-face{font-display:swap;font-family:WorkSans;font-style:italic;font-weight:500;src:url(fonts/ad824a3a1b8078319a47.woff);unicode-range:u+000-5ff}@font-face{font-display:swap;font-family:WorkSans;font-style:normal;font-weight:600;src:url(fonts/b5a7891058f4b54e85b0.woff);unicode-range:u+000-5ff}@font-face{font-display:swap;font-family:WorkSans;font-style:italic;font-weight:600;src:url(fonts/7363e98febbd1a960a68.woff);unicode-range:u+000-5ff}*{--font-color:#1d1d1f;--hover-font-color:#000;--primary-color:#fff;--accent-color:#1d65d1;--hover-color:#f5f5f7;--dark-hover-color:#f0f0f2;--transparent-black:rgba(29,29,31,.5);--danger-color:#d11a2a;--safe-color:#1c8d12;--big-border-radius:0.5rem;--medium-border-radius:0.25rem;--tiny-border-radius:0.125rem;--transition-duration:200ms;--transition-timing-function:cubic-bezier(0.22,1,0.36,1);font-family:WorkSans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}*,:after,:before{-webkit-tap-highlight-color:transparent;box-sizing:border-box;margin:0;padding:0}body,button,input,textarea{color:var(--font-color)}h2{font-size:1.1rem;font-weight:500;margin:0}ul{list-style-type:none;padding:0}svg{pointer-events:none;touch-action:none;width:26px}button{appearance:none;background-color:transparent;border:0;cursor:pointer;text-align:left;transition-duration:var(--transition-duration);transition-property:background-color,color;transition-timing-function:var(--transition-timing-function)}button.focused{background-color:var(--hover-color);color:var(--hover-font-color)}@media (hover:hover){button:hover{background-color:var(--hover-color);color:var(--hover-font-color)}}.named-button{border-radius:var(--medium-border-radius)}.named-button .button-name{padding:4px 6px;width:100%}.icon-button,.named-button .icon{align-items:center;display:flex;justify-content:center}.icon-button{border-radius:var(--tiny-border-radius)}.customize-settings-container,.settings-container{position:relative}.settings-button{padding:2px}.settings-button svg{width:22px}.settings-list-container{background-color:var(--primary-color);border-radius:var(--medium-border-radius);font-size:.9rem;list-style-type:none;overflow:hidden;position:absolute;right:0;top:28px;white-space:nowrap;z-index:2}.categories-dropdown,.settings-list-container{box-shadow:0 0 10px 0 rgba(29,29,31,.2);outline:2px solid rgba(29,29,31,.04)}.settings-list-container.top-positioned{top:-68px}.settings-list .named-button{align-items:center;border-radius:0;display:flex;padding:.5rem .75rem .5rem .5rem;width:100%}.anchor-todo-item,.todo-item{border-radius:var(--medium-border-radius);cursor:pointer;user-select:none;-webkit-user-select:none}.anchor-todo-item .todo-title,.todo-item .todo-title{-webkit-box-orient:vertical;-webkit-line-clamp:4;display:-webkit-box;font-size:1.1rem;font-weight:500;grid-column:2/3;margin-right:8px;overflow:hidden;overflow-wrap:break-word;word-break:break-word}.anchor-todo-item.completed .todo-title,.todo-item.completed .todo-title{text-decoration:line-through}.settings-list .named-button.delete,.settings-list .named-button.delete:hover{color:var(--danger-color)}.delete-todos-checkbox input,.todo-completed-status input{cursor:pointer;height:0;left:0;opacity:0;position:absolute;top:0;width:0}.search-container,form{background-color:var(--primary-color);border-radius:var(--big-border-radius);box-shadow:0 0 50px 0 rgba(29,29,31,.3);position:absolute;top:15vh}form{display:grid;gap:1rem;max-width:350px;min-width:350px;padding:1rem;width:100%}.input-container input,.input-container textarea{border:0;width:100%}.input-container input{padding:6px}input{appearance:none}input::placeholder,textarea::placeholder{color:var(--transparent-black);opacity:1}.input-container.category,.input-container.due-date input,.priority-container label{transition-duration:var(--transition-duration);transition-property:background-color;transition-timing-function:var(--transition-timing-function)}.delete-todos-checkbox input:focus-visible+span,.priority-container input:focus-visible+label{border-radius:0;outline:4px auto Highlight;outline:4px auto -webkit-focus-ring-color}#todo-due-date.focused,#todo-due-date:focus,.categories-dropdown-button.focused,.categories-dropdown-button.focused:hover,.categories-dropdown-button:focus,.categories-dropdown-button:focus:hover,.clear-category:focus-visible,.clear-date:focus-visible{background-color:var(--dark-hover-color);outline:none}#search-results-list::-webkit-scrollbar,.categories-dropdown-list::-webkit-scrollbar,.text-areas-container::-webkit-scrollbar,nav::-webkit-scrollbar{background:var(--dark-hover-color);width:7px}#search-results-list::-webkit-scrollbar-thumb,.categories-dropdown-list::-webkit-scrollbar-thumb,.text-areas-container::-webkit-scrollbar-thumb,nav::-webkit-scrollbar-thumb{background:rgba(29,29,31,.2)}#search-results-list::-webkit-scrollbar-thumb:hover,.categories-dropdown-list::-webkit-scrollbar-thumb:hover,.text-areas-container::-webkit-scrollbar-thumb:hover,nav::-webkit-scrollbar-thumb:hover{background:rgba(29,29,31,.3)}#user-nav-list button .input-container label,.content-header label,.priorities-legend,.search-container label,fieldset .input-container label,form>fieldset>legend{left:-9999px;overflow:hidden;position:absolute}html{scroll-behavior:smooth}html.overlay-over{overflow:hidden;touch-action:none}body{background-image:linear-gradient(270deg,#fff,#fdfdfd,#fbfbfb,#f9f9fa,#f7f7f8);display:grid;grid-template-columns:275px auto;transition:grid-template-columns .6s;transition-timing-function:var(--transition-timing-function)}body.header-hidden{grid-template-columns:59px auto}body .header-overlay{background-color:var(--font-color);bottom:0;display:none;left:0;opacity:0;position:fixed;right:0;top:0;touch-action:none;transition:.4s;z-index:2}body .header-overlay.visible{opacity:.2}body>header{background-color:var(--primary-color);border-bottom-right-radius:.5rem;border-top-right-radius:.5rem;bottom:0;box-shadow:0 0 20px 0 rgba(29,29,31,.1);display:flex;flex-direction:column;gap:.5rem;grid-column:1/2;height:95%;left:0;margin:auto;overflow-x:hidden;position:fixed;top:0;transition:box-shadow,height,transform;transition-duration:.6s;transition-timing-function:var(--transition-timing-function);width:275px;z-index:3}body>header.hidden{transform:translateX(-217px)}#header-top-side{align-items:center;display:flex;justify-content:space-between;padding-right:.75rem;padding-top:.5rem}#header-top-side .icon-button{padding:4px}#header-top-side .icon-button.selected{transform:scaleX(-1)}@media (hover:hover){#header-top-side .icon-button:hover{background-color:var(--accent-color);color:var(--primary-color)}}#header-top-side h1{font-size:1.3rem;font-weight:600;margin:.5rem 0 .5rem .75rem}nav{display:flex;flex-direction:column;flex-grow:1;overflow-y:auto;padding-bottom:.75rem;padding-right:.75rem;transition:opacity .2s;transition-timing-function:var(--transition-timing-function)}body>header.hidden nav{opacity:0}#dev-nav{padding-bottom:2rem}#user-nav{display:flex;flex-direction:column;flex-grow:1;gap:.5rem;position:relative}#user-nav-header{align-items:center;display:grid;gap:.5rem;grid-template-columns:1fr repeat(3,auto);padding-bottom:.5rem}#user-nav-title{grid-column:1/2;margin-left:1rem}#categories-counter{align-items:center;display:flex;font-size:1.2rem;font-weight:600;grid-column:2/3;height:26px;justify-content:center;width:26px}#user-nav .add-button{grid-column:3/4}#user-nav .expand-button{grid-column:4/5;transform:rotate(180deg)}#user-nav .expand-button.expanded{transform:rotateX(0)}#dev-nav-list,#user-nav-list{display:flex;flex-direction:column;gap:4px}#dev-nav-list>li,#user-nav-list>li{border-bottom-right-radius:var(--medium-border-radius);border-top-right-radius:var(--medium-border-radius);cursor:pointer;transition-duration:var(--transition-duration);transition-property:background-color,color;transition-timing-function:var(--transition-timing-function)}#dev-nav-list>li:hover,#user-nav-list>li:hover{background-color:var(--hover-color)}#dev-nav-list>li.selected,#user-nav-list>li.selected{background-color:var(--accent-color);color:var(--primary-color)}#dev-nav-list>li.selected:hover,#user-nav-list>li.selected:hover{background-color:var(--accent-color)}#dev-nav-list>li>button,#user-nav-list>li>button{align-items:center;animation:none;border:0;color:inherit;cursor:pointer;display:grid;gap:.75rem;grid-template-columns:auto 1fr auto;transition:none;width:100%}#dev-nav-list>li>button{padding:.5rem .75rem .5rem 1rem}#user-nav-list>li>button{padding:.5rem 0 .5rem 1rem}#dev-nav-list>li>button:hover,#user-nav-list>li>button:hover{background-color:inherit;color:inherit}nav .named-button .icon{align-items:center;display:flex;justify-content:center}nav .named-button .button-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#user-nav-list>li>button .input-container input{border:0;border-radius:var(--tiny-border-radius);outline:1px solid var(--transparent-black);padding:4px 6px;width:100%}#user-nav-list{animation-duration:.3s;animation-name:toggle-on}#user-nav-list.hidden{animation-duration:.3s;animation-name:toggle-off}#user-nav-list>li{align-items:center;display:flex;gap:.75rem}#user-nav-list>li .settings-button{margin-left:.25rem;margin-right:.5rem}#user-nav-list>li.selected .settings-button{color:var(--primary-color)}#user-nav-list>li .settings-button.focused{background-color:var(--accent-color);color:var(--primary-color)}#user-nav-list>li.selected .settings-button.focused{background-color:var(--primary-color);color:var(--accent-color)}@media (hover:hover){#user-nav-list>li .settings-button:hover{background-color:var(--accent-color);color:var(--primary-color)}#user-nav-list>li.selected .settings-button:hover{background-color:var(--primary-color);color:var(--accent-color)}}main{align-items:center;display:flex;flex-direction:column;grid-column:2/3;padding-bottom:6rem}.content-header-container{background-image:linear-gradient(90deg,#fafafa,#fbfbfb,#fcfcfc,#fcfcfc,#fdfdfd);left:0;max-width:800px;padding:0 2rem;position:sticky;top:0;width:100%;z-index:2}.content-header{align-items:center;border-bottom:1px solid rgba(29,29,31,.2);display:grid;gap:.5rem;grid-template-columns:1fr repeat(2,auto);padding-bottom:.5rem;padding-top:1.75rem}.content-title{grid-column:1/2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-header .input-container input,.content-title{font-size:1.1rem;font-weight:500;padding:4px}.content-header .input-container.name input{border:0;border-radius:var(--tiny-border-radius);outline:1px solid var(--transparent-black)}.content-settings{display:flex;gap:.5rem;grid-column:3/4}.content-settings>button.focused{background-color:var(--dark-hover-color)}@media (hover:hover){.content-settings>button:hover{background-color:var(--dark-hover-color)}}.content-settings button.filterOn,.content-settings button.sortingOn{color:var(--accent-color)}.content-settings .customize-settings-container,.content-settings .settings-container{position:relative}.content-settings .settings-button{padding:0}.content-settings .settings-button svg{width:26px}.content-settings .dropdown-list-container,.content-settings .settings-list{top:30px}.settings-list button.selected,.settings-list button.selected:hover{color:var(--accent-color)}.settings-list-title{color:var(--transparent-black);font-weight:400;padding:.5rem .75rem .5rem .5rem}.content{display:grid;grid-template-rows:1fr auto;max-width:800px;padding:0 2rem;width:100%}.todos-list{display:flex;flex-direction:column;gap:1rem;grid-row:1/2;list-style-type:none;margin-top:1rem}.todos-list:empty{margin-top:0}.todo-item{animation:shrink-todo;animation-duration:.3s;animation-fill-mode:forwards;animation-timing-function:var(--transition-timing-function);background-color:var(--primary-color);border:1px solid rgba(29,29,31,.2);box-shadow:0 5px 10px 0 rgba(29,29,31,.04);display:grid;grid-template-rows:auto 0fr auto;min-width:330px;position:relative;transition:background-color,color,border,box-shadow;transition-duration:var(--transition-duration);transition-timing-function:var(--transition-timing-function)}.todo-item.expanded{animation:expand-todo;animation-duration:.3s;animation-fill-mode:forwards;animation-timing-function:var(--transition-timing-function)}.todo-item.highlighted{outline:2px solid var(--accent-color)}.todo-item.filteredOut{opacity:.3;pointer-events:none;touch-action:none}.todo-item:focus{scroll-margin-top:100px}.todo-item:hover{box-shadow:0 0 10px 1px rgba(29,29,31,.08)}.todo-item .todo-info{align-items:start;display:grid;gap:8px;grid-row:1/2;grid-template-columns:auto 1fr repeat(2,auto);padding:.5rem}.todo-completed-status{align-items:center;color:transparent;cursor:pointer;display:flex;font-size:0;grid-column:1/2;height:20px;justify-content:center;margin-top:2px;position:relative;width:20px}.todo-completed-status span{border:2px solid var(--font-color);border-radius:100%;bottom:0;left:0;padding:2px;position:absolute;right:0;top:0}.todo-completed-status span.priority-1{border-color:#d53b3b}.todo-completed-status span.priority-2{border-color:#e48407}.todo-completed-status span.priority-3{border-color:#7f50bd}.todo-completed-status input:checked+span{background-image:url(img/6176dfe8466cb21b0532.svg);background-size:cover}.todo-completed-status input:focus-visible+span{background-color:rgba(29,29,31,.1)}.todo-item .todo-title{margin-top:2px}.todo-mini-due-date{color:var(--safe-color);grid-column:3/4;margin-top:2px}.todo-item.overdue .todo-mini-due-date{color:var(--danger-color)}.todo-info .settings-container{grid-column:4/5}.todo-additional-info{column-gap:.5rem;display:grid;grid-row:2/span 3;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,auto);overflow:hidden;padding:0 .5rem}.todo-description{-webkit-box-orient:vertical;-webkit-line-clamp:4;display:-webkit-box;grid-column:1/4;grid-row:1/2;margin-bottom:.75rem;margin-top:.35rem;overflow:hidden;overflow-wrap:break-word;padding:0 .3rem;word-break:break-word}.todo-category,.todo-due-date,.todo-priority-1,.todo-priority-2,.todo-priority-3{align-items:center;background-image:linear-gradient(to top left,#fff,#fdfdfd,#fbfbfb,#f9f9fa,#f7f7f8);border:1px solid rgba(29,29,31,.08);border-radius:var(--medium-border-radius);display:flex;flex-direction:column;gap:.75rem;margin-bottom:.7rem;margin-top:.5rem;overflow:hidden;padding:.5rem}.info-holder-title{font-weight:500}.todo-priority-1,.todo-priority-2,.todo-priority-3{gap:.585rem}.todo-priority-1 .info-holder-value,.todo-priority-2 .info-holder-value,.todo-priority-3 .info-holder-value{align-items:center;border-radius:100px;color:var(--primary-color);display:flex;height:22px;justify-content:center;width:22px}.todo-priority-1 .info-holder-value{background-color:#d53b3b}.todo-priority-2 .info-holder-value{background-color:#e48407}.todo-priority-3 .info-holder-value{background-color:#7f50bd}.todo-due-date .info-holder-value{color:var(--safe-color)}.todo-item.overdue .todo-due-date .info-holder-value{color:var(--danger-color)}.todo-category .info-holder-value{max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.todo-item .expand-button{align-items:center;border-bottom-left-radius:var(--medium-border-radius);border-bottom-right-radius:var(--medium-border-radius);border-top-left-radius:0;border-top-right-radius:0;display:flex;justify-content:center;padding:4px 0}.todo-item.expanded .expand-button svg{transform:rotate(180deg)}.content .add-button{align-items:center;background-color:var(--accent-color);border-radius:var(--medium-border-radius);color:var(--primary-color);display:flex;grid-row:3/4;justify-content:center;margin-top:1rem;padding:4px 0}.content .add-button:active{transform:translateY(2px)}footer{align-items:center;display:flex;grid-column:2/3;grid-row:2/3;padding:1rem}#modal,footer{justify-content:center}#modal{border:0;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:5}#modal.show{animation-duration:.3s;animation-fill-mode:forwards;animation-name:open-modal;animation-timing-function:var(--transition-timing-function);display:flex}#modal:before{background-color:var(--font-color);bottom:0;content:"";left:0;right:0;top:0;width:100%}#modal.show:before{animation-duration:.6s;animation-fill-mode:forwards;animation-name:show-overlay;animation-timing-function:var(--transition-timing-function);height:calc(100% + 100px)}.form-overlay{bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:5}.form-overlay.visible{display:block}fieldset{border:0;margin:0;padding:0}.text-areas-container,fieldset{display:flex;flex-direction:column;gap:1rem}.text-areas-container{max-height:325px;overflow-y:auto;scrollbar-gutter:stable}.input-container textarea{display:block;overflow:hidden;padding-right:8px;resize:none;white-space:break-spaces}.input-container.title textarea{font-size:1.1rem;font-weight:500}.input-container textarea:focus{outline:0}.priorities-fieldset{border:1px solid rgba(29,29,31,.4);border-radius:var(--medium-border-radius);display:grid;gap:0;grid-template-columns:repeat(3,1fr)}.priority-container:first-of-type{border-bottom-left-radius:var(--medium-border-radius);border-right:1px solid rgba(29,29,31,.4);border-top-left-radius:var(--medium-border-radius);color:#b13131}.priority-container:nth-of-type(2){border-right:1px solid rgba(29,29,31,.4);color:#c17005}.priority-container:last-of-type{border-bottom-right-radius:var(--medium-border-radius);border-top-right-radius:var(--medium-border-radius);color:#603d8e}.priority-container label{align-items:center;border-radius:inherit;cursor:pointer;display:flex;justify-content:center;padding:6px}.priority-container input{opacity:0;position:absolute}.priority-container input:checked+label{background-color:var(--dark-hover-color)}.input-container.category,.input-container.due-date{border:1px solid rgba(29,29,31,.4);border-radius:var(--medium-border-radius);display:grid;grid-template-columns:1fr auto}.clear-category,.clear-date{fill:var(--transparent-black);border-radius:0;border-bottom-right-radius:var(--medium-border-radius);border-top-right-radius:var(--medium-border-radius);padding:0 2px}@media (hover:hover){.clear-category:hover,.clear-date:hover{fill:var(--danger-color);background-color:transparent}}.clear-category:focus-visible,.clear-date:focus-visible{fill:var(--danger-color)}.clear-category:focus-visible:hover,.clear-date:focus-visible:hover{background-color:var(--dark-hover-color)}.flatpickr-wrapper{width:100%}.categories-dropdown-button,.input-container.due-date input{border-radius:0;border-bottom-left-radius:var(--medium-border-radius);border-top-left-radius:var(--medium-border-radius)}.flatpickr-calendar.static{top:calc(100% + 6px)!important}.flatpickr-calendar.static.top-positioned{top:-304px!important}.flatpickr-calendar.static.center-positioned{left:150px!important;top:calc(85% - 165px)!important}.input-container.category{position:relative}.categories-dropdown-button{overflow:hidden;padding:6px;text-overflow:ellipsis;white-space:nowrap}.categories-dropdown-button:hover{background-color:transparent}.categories-dropdown-button:disabled{color:inherit;opacity:1}.categories-dropdown-button.empty{color:var(--transparent-black)}.categories-dropdown{background-color:var(--primary-color);border-radius:var(--medium-border-radius);display:none;left:0;overflow:hidden;position:absolute;top:37px;width:100%;z-index:6}.categories-dropdown.visible{animation-duration:.3s;animation-fill-mode:forwards;animation-name:open-dropdown;animation-timing-function:cubic-bezier(.23,1,.32,1);display:initial}.categories-dropdown.top-positioned{bottom:37px!important;top:auto!important}.categories-dropdown.center-positioned{left:150px!important;top:calc(85% - 165px)!important}.categories-dropdown-title{color:var(--transparent-black);font-weight:400;padding:8px}.categories-dropdown-title:focus{color:var(--font-color);outline:0}.categories-dropdown-list{max-height:196px;overflow-y:auto}.categories-dropdown-list button{align-items:center;border-radius:0;display:flex;gap:.25rem;padding:6px 24px 6px 6px;position:relative;width:100%}.categories-dropdown-list button.selected:after{background-color:var(--accent-color);border-radius:100%;content:"";height:12px;position:absolute;right:10px;width:12px}.categories-dropdown-list button:focus{appearance:none;background-color:var(--hover-color);outline:0}.categories-dropdown-list button svg{width:22px}.categories-dropdown-list button .button-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-container #category-name{border-radius:var(--medium-border-radius)}.modal-actions{display:flex;gap:.5rem}.modal-actions button{align-items:center;display:flex;font-weight:500;justify-content:center;padding:.75rem 0;width:100%}.modal-actions button:active{transform:translateY(2px)}.modal-actions button:disabled{cursor:not-allowed;opacity:.5}.modal-actions .close-modal{background-color:var(--hover-color)}.modal-actions .close-modal:hover{background-color:var(--dark-hover-color)}.modal-actions .submit-modal{background-color:var(--accent-color);color:var(--primary-color)}.modal-actions .confirm-delete-button{background-color:var(--danger-color);color:var(--primary-color)}.delete-modal-paragraph{overflow:hidden;overflow-wrap:break-word;word-break:break-word}.delete-todos-checkbox{align-items:center;display:grid;font-size:.9rem;grid-template-columns:repeat(2,auto);justify-content:space-between;position:relative}.delete-todos-checkbox label{color:transparent;cursor:pointer;font-size:0;height:22px;position:relative;width:44px}.delete-todos-checkbox span{background-color:rgba(29,29,31,.3);border-radius:50px;bottom:0;cursor:pointer;left:0;right:0;top:0;transition-property:background-color;transition-timing-function:var(--transition-timing-function)}.delete-todos-checkbox span,.delete-todos-checkbox span:before{position:absolute;transition-duration:var(--transition-duration)}.delete-todos-checkbox span:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:14px;left:4px;transition-property:transform;transition-timing-function:var(--transition-timing-function);width:14px}.delete-todos-checkbox input:checked+span{background-color:var(--danger-color)}.delete-todos-checkbox input:checked+span:before{transform:translateX(22px)}.search-container{display:flex;flex-direction:column;gap:0;max-width:600px;overflow:hidden;padding:0;width:90%}.search-container input{background-color:var(--primary-color);border-radius:var(--big-border-radius);padding:1rem}.search-container input:focus{outline:0}#search-results-list{border-bottom-right-radius:var(--big-border-radius);border-top:1px solid rgba(29,29,31,.2);display:flex;flex-direction:column;gap:.5rem;max-height:60vh;overflow-y:auto;padding:1rem}#search-results-list:empty{display:none}.anchor-todo-item{border:1px solid rgba(29,29,31,.3);transition-duration:var(--transition-duration);transition-property:background-color,color;transition-timing-function:var(--transition-timing-function)}.anchor-todo-item:hover{background-color:var(--hover-color)}.anchor-todo-item a{appearance:none;color:var(--font-color);pointer-events:none;text-decoration:none;touch-action:none}.anchor-todo-item:hover a{color:var(--hover-font-color)}.anchor-todo-item .todo-info{padding:.5rem}.anchor-todo-item .todo-title{font-size:1rem;font-weight:400}@keyframes toggle-on{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes toggle-off{0%{opacity:1;transform:translateY(0)}50%{opacity:0;transform:translateY(-20px)}to{opacity:0;transform:translateY(-20px)}}@keyframes shrink-todo{0%{grid-template-rows:auto 1fr auto}to{grid-template-rows:auto 0fr auto}}@keyframes expand-todo{0%{grid-template-rows:auto 0fr auto}to{grid-template-rows:auto 1fr auto}}@keyframes open-modal{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes show-overlay{0%{opacity:0}to{opacity:.1}}@keyframes open-dropdown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-height:1000px){.search-container,.todo-form{top:10vh}}@media (max-width:1000px){.todo-item .todo-additional-info{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto}.todo-additional-info .todo-category{grid-column:1/3;grid-row:3/4}.todo-additional-info .todo-category,.todo-additional-info .todo-due-date,.todo-additional-info .todo-priority-1,.todo-additional-info .todo-priority-2,.todo-additional-info .todo-priority-3{margin-top:0}}@media (max-height:400px),(max-width:750px){body,body.header-hidden{grid-template-columns:0 auto}body>header{border-radius:0;height:100%}body>header.hidden{pointer-events:none;transform:translateX(-213px)}body>header.mobile.hidden{background-color:transparent;box-shadow:none;overflow:hidden}#menu-button{background-color:var(--accent-color);color:var(--primary-color);pointer-events:auto}main .content-header-container{padding:0 1rem}main .content-header{padding-top:.85rem}main .content-title,main .input-container{margin-left:3rem}main .content{padding:0 1rem}}@media (max-height:700px){#modal{align-items:center}.todo-form{top:auto}}@media (max-height:580px){.text-areas-container{max-height:225px}}@media (max-height:490px){.text-areas-container{max-height:125px}.category-form,.delete-modal{top:10vh}}.flatpickr-calendar{-webkit-animation:none;animation:none;background:transparent;background:#fff;border:0;border-radius:5px;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,.08);-webkit-box-sizing:border-box;box-sizing:border-box;direction:ltr;display:none;font-size:14px;line-height:24px;opacity:0;padding:0;position:absolute;text-align:center;-ms-touch-action:manipulation;touch-action:manipulation;visibility:hidden;width:307.875px}.flatpickr-calendar.inline,.flatpickr-calendar.open{max-height:640px;opacity:1;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown .3s cubic-bezier(.23,1,.32,1);animation:fpFadeInDown .3s cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{display:block;z-index:999}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none!important;box-shadow:none!important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasTime .dayContainer,.flatpickr-calendar .hasWeeks .dayContainer{border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{border-top:1px solid #e6e6e6;height:40px}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:after,.flatpickr-calendar:before{border:solid transparent;content:"";display:block;height:0;left:22px;pointer-events:none;position:absolute;width:0}.flatpickr-calendar.arrowRight:after,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.rightMost:before{left:auto;right:22px}.flatpickr-calendar.arrowCenter:after,.flatpickr-calendar.arrowCenter:before{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:after,.flatpickr-calendar.arrowTop:before{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:after,.flatpickr-calendar.arrowBottom:before{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{display:inline-block;position:relative}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{-webkit-box-flex:1;background:transparent;-webkit-flex:1;-ms-flex:1;flex:1;line-height:1;overflow:hidden;position:relative;text-align:center}.flatpickr-months .flatpickr-month,.flatpickr-months .flatpickr-next-month,.flatpickr-months .flatpickr-prev-month{fill:rgba(0,0,0,.9);color:rgba(0,0,0,.9);height:34px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flatpickr-months .flatpickr-next-month,.flatpickr-months .flatpickr-prev-month{cursor:pointer;padding:10px;position:absolute;text-decoration:none;top:0;z-index:3}.flatpickr-months .flatpickr-next-month.flatpickr-disabled,.flatpickr-months .flatpickr-prev-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-next-month i,.flatpickr-months .flatpickr-prev-month i{position:relative}.flatpickr-months .flatpickr-next-month.flatpickr-prev-month,.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month{left:0}.flatpickr-months .flatpickr-next-month.flatpickr-next-month,.flatpickr-months .flatpickr-prev-month.flatpickr-next-month{right:0}.flatpickr-months .flatpickr-next-month:hover,.flatpickr-months .flatpickr-prev-month:hover{color:#959ea9}.flatpickr-months .flatpickr-next-month:hover svg,.flatpickr-months .flatpickr-prev-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-next-month svg,.flatpickr-months .flatpickr-prev-month svg{height:14px;width:14px}.flatpickr-months .flatpickr-next-month svg path,.flatpickr-months .flatpickr-prev-month svg path{fill:inherit;-webkit-transition:fill .1s;transition:fill .1s}.numInputWrapper{height:auto;position:relative}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-inner-spin-button,.numInputWrapper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.numInputWrapper span{border:1px solid rgba(57,57,57,.15);-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;height:50%;line-height:50%;opacity:0;padding:0 4px 0 2px;position:absolute;right:0;width:14px}.numInputWrapper span:hover{background:rgba(0,0,0,.1)}.numInputWrapper span:active{background:rgba(0,0,0,.2)}.numInputWrapper span:after{content:"";display:block;position:absolute}.numInputWrapper span.arrowUp{border-bottom:0;top:0}.numInputWrapper span.arrowUp:after{border-bottom:4px solid rgba(57,57,57,.6);border-left:4px solid transparent;border-right:4px solid transparent;top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,.6);top:40%}.numInputWrapper span svg{height:auto;width:inherit}.numInputWrapper span svg path{fill:rgba(0,0,0,.5)}.numInputWrapper:hover{background:rgba(0,0,0,.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{color:inherit;display:inline-block;font-size:135%;font-weight:300;height:34px;left:12.5%;line-height:inherit;line-height:1;padding:7.48px 0 0;position:absolute;text-align:center;-webkit-transform:translateZ(0);transform:translateZ(0);width:75%}.flatpickr-current-month span.cur-month{color:inherit;display:inline-block;font-family:inherit;font-weight:700;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,.05)}.flatpickr-current-month .numInputWrapper{display:inline-block;width:6ch;width:7ch\0}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,.9)}.flatpickr-current-month input.cur-year{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;background:transparent;border:0;border-radius:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;display:inline-block;font-family:inherit;font-size:inherit;font-weight:300;height:auto;line-height:inherit;margin:0;padding:0 0 0 .5ch;vertical-align:initial}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{background:transparent;color:rgba(0,0,0,.5);font-size:100%;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;-webkit-appearance:menulist;-moz-appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;-webkit-box-sizing:border-box;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:active,.flatpickr-current-month .flatpickr-monthDropdown-months:focus{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:transparent;height:28px;overflow:hidden;text-align:center;width:100%}.flatpickr-weekdays,.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-weekdays .flatpickr-weekdaycontainer,span.flatpickr-weekday{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{background:transparent;color:rgba(0,0,0,.54);cursor:default;display:block;font-size:90%;font-weight:bolder;line-height:1;margin:0;text-align:center}.dayContainer,.flatpickr-weeks{padding:1px 0 0}.flatpickr-days{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:hidden;position:relative;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{-ms-flex-pack:justify;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-justify-content:space-around;justify-content:space-around;max-width:307.875px;min-width:307.875px;opacity:1;outline:0;padding:0;text-align:left;-webkit-transform:translateZ(0);transform:translateZ(0);width:307.875px}.dayContainer+.dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{-ms-flex-preferred-size:14.2857143%;-webkit-box-pack:center;-ms-flex-pack:center;background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;display:inline-block;-webkit-flex-basis:14.2857143%;flex-basis:14.2857143%;font-weight:400;height:39px;-webkit-justify-content:center;justify-content:center;line-height:39px;margin:0;max-width:39px;position:relative;text-align:center;width:14.2857143%}.flatpickr-day.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day.nextMonthDay:focus,.flatpickr-day.nextMonthDay:hover,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.today.inRange,.flatpickr-day:focus,.flatpickr-day:hover{background:#e6e6e6;border-color:#e6e6e6;cursor:pointer;outline:0}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:focus,.flatpickr-day.today:hover{background:#959ea9;border-color:#959ea9;color:#fff}.flatpickr-day.endRange,.flatpickr-day.endRange.inRange,.flatpickr-day.endRange.nextMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.endRange:focus,.flatpickr-day.endRange:hover,.flatpickr-day.selected,.flatpickr-day.selected.inRange,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.selected:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange,.flatpickr-day.startRange.inRange,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.startRange:focus,.flatpickr-day.startRange:hover{background:#569ff7;border-color:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff}.flatpickr-day.endRange.startRange,.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.endRange.endRange,.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.endRange.startRange.endRange,.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.nextMonthDay,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.prevMonthDay{background:transparent;border-color:transparent;color:rgba(57,57,57,.3);cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{color:rgba(57,57,57,.1);cursor:not-allowed}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6;padding:0 12px}.flatpickr-weekwrapper .flatpickr-weekday{float:none;line-height:28px;width:100%}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{background:transparent;border:none;color:rgba(57,57,57,.3);cursor:default;display:block;max-width:none;width:100%}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:hidden}.flatpickr-innerContainer,.flatpickr-rContainer{-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-rContainer{display:inline-block;padding:0}.flatpickr-time{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:0;line-height:40px;max-height:40px;outline:0;overflow:hidden;text-align:center}.flatpickr-time:after{clear:both;content:"";display:table}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;float:left;height:40px;width:40%}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;background:transparent;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;font-size:14px;height:inherit;line-height:inherit;margin:0;padding:0;position:relative;text-align:center}.flatpickr-time input.flatpickr-hour{font-weight:700}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{border:0;outline:0}.flatpickr-time .flatpickr-am-pm,.flatpickr-time .flatpickr-time-separator{-ms-flex-item-align:center;-webkit-align-self:center;align-self:center;color:#393939;float:left;font-weight:700;height:inherit;line-height:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:2%}.flatpickr-time .flatpickr-am-pm{cursor:pointer;font-weight:400;outline:0;text-align:center;width:18%}.flatpickr-time .flatpickr-am-pm:focus,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time input:hover{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fpFadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}