.td-dashboard{width:100%;position:relative}.td-header-wrapper{box-shadow:0 5px 20px #00000029}.td-header{max-width:var(--td-app-max-width);margin:auto;padding-top:56px}.td-header>*{width:100%}.td-body,.td-bottom-bar{max-width:var(--td-app-max-width);margin:auto}.td-page-title{margin-bottom:35px}.td-category-list-wrapper{margin-bottom:40px}.td-progress-bar{height:50px}.input-container{position:relative}.td-input-wrapper{margin-top:50px;margin-bottom:46px;width:100%}.td-input-wrapper .td-input{width:100%;padding-left:70px}.td-bottom-bar{left:0;right:0;position:absolute;width:100%}.td-filter-bar{background-color:var(--td-background-color);max-width:var(--td-app-max-width);position:fixed;bottom:0;height:50px;box-shadow:0 0 20px #00000029;width:100%}@media screen and (max-width:768px){.td-header{padding-top:40px}.td-category-list-wrapper,.td-page-title{padding-left:20px;padding-right:20px;margin-bottom:20px}.td-body{padding-left:20px;padding-right:20px}.td-filter-bar{height:30px}}.td-page-title h1{font-size:var(--td-page-title-font-size-default);font-weight:700;color:var(--td-secondary-color);margin-top:0;margin-bottom:0}@media screen and (max-width:768px){.td-page-title h1{font-size:var(--td-page-title-font-size-responsive);font-weight:700;color:var(--td-secondary-color);margin-top:0;margin-bottom:0}}.td-category-list{display:flex;flex-direction:row;flex-wrap:wrap}.td-category-list>*{margin-bottom:15px}.td-category{margin-right:13px}.td-category-add-btn{cursor:pointer;margin-left:5px;display:flex;align-items:center}@media screen and (max-width:768px){.td-category-add-btn{cursor:pointer;margin-left:0}}.td-category{font-size:var(--td-page-content-font-size);font-weight:var(--td-font-weight-700);padding:10px 17px;cursor:pointer;user-select:none}.td-progress-bar-wrapper{height:50px;display:flex;position:relative}.td-progress-fill{height:100%;background-color:var(--td-primary-color)}.td-progress-text-wrapper{position:relative;min-width:180px;padding-left:15px}.td-progress-text{height:100%;font-weight:var(--td-font-weight-600);font-size:20px;color:var(--td-tertiary-color);padding-top:13px;padding-bottom:13px}@media screen and (max-width:768px){.td-progress-bar-wrapper{height:30px;display:flex;position:relative}.td-progress-fill{height:100%;background-color:var(--td-primary-color)}.td-progress-text-wrapper .td-progress-text{height:100%;font-weight:var(--td-font-weight-600);font-size:var(--td-page-content-font-size);color:var(--td-tertiary-color);padding-top:5px;padding-bottom:5px}}.td-todo-item-wrapper{display:flex;flex-direction:row;align-items:flex-start;margin-bottom:30px;user-select:none;position:relative}.td-todo-item-wrapper .td-todo-icon{cursor:pointer}.td-todo-item-input-checkbox{visibility:hidden;position:absolute}.td-todo-item-input-checkbox:checked~label{color:var(--td-tertiary-color)}.td-todo-item-input-checkbox:checked~label::after{transform:scaleX(1);transition:all .3s ease}.td-todo-item-input-checkbox:checked~.checked{border-color:var(--td-primary-color);background-color:var(--td-primary-color)}.td-todo-item-input-checkbox:checked~.td-todo-item-color-indicator{opacity:.3}.checked{display:flex;justify-content:center;align-items:center;position:relative;min-width:20px;min-height:20px;border:3px solid var(--td-tertiary-color);border-radius:50%;margin-right:15px;cursor:pointer;transition:all .2s cubic-bezier(.11,.77,.65,.83)}.checked:hover{border-color:var(--td-primary-color);background-color:var(--td-primary-color)}.td-todo-item-color-indicator{min-width:20px;min-height:20px;margin-right:15px}.td-todo-item-text{font-weight:500;font-size:var(--td-page-content-font-size);position:relative;margin-right:15px}.td-todo-item-text::after{content:"";position:absolute;top:8px;left:0;height:2px;width:100%;background:var(--td-tertiary-color);transform-origin:0 0;transform:scaleX(0)}.td-todo-list-wrapper{display:flex;flex-direction:column;padding-bottom:60px}.td-input{font-family:var(--td-font-family);font-size:var(--td-page-content-font-size);color:var(--td-secondary-color);font-weight:var(--td-font-weight-700);border:0;border-bottom:2px solid var(--td-tertiary-color);outline:0;padding:0 0 7px;background:0 0;display:flex;flex-direction:column}.td-input::placeholder{color:var(--td-tertiary-color);font-weight:400}.td-input:focus::placeholder{color:transparent}.td-input :focus{border-color:var(--td-secondary-color)}.td-input.invalid{border-color:var(--td-accent-red)}.td-label{font-size:8px;font-weight:var(--td-font-weight-700);color:var(--td-tertiary-color)}.input-container{position:relative}.td-input-wrapper{margin-top:50px;margin-bottom:46px;width:100%}.td-input-wrapper .td-input{width:100%;padding-left:70px}.input-checkbox{min-width:20px;min-height:20px;border:solid 3px var(--td-tertiary-color);position:absolute;left:35px;cursor:pointer}.input-checkbox.invalid{border-color:var(--td-accent-red)}.td-filter-bar-wrapper{display:flex;padding-left:45px;padding-right:45px;justify-content:space-between}.td-filter-bar-count{font-size:20px;font-weight:var(--td-font-weight-600);color:var(--td-primary-color);padding-top:12px;padding-bottom:12px}.td-filter-bar-filter-wrapper{display:flex;flex-direction:row}.td-filter-bar-filter-wrapper .filter{font-weight:700;color:var(--td-primary-color);font-size:15px;padding:15px;user-select:none}.td-filter-bar-filter-wrapper .filter.active{background-color:var(--td-primary-color);color:var(--td-white-color)}@media screen and (max-width:768px){.td-filter-bar-wrapper{padding-left:20px;padding-right:20px}.td-filter-bar-count{font-size:10px;padding-top:8px;padding-bottom:8px}.td-filter-bar-filter-wrapper{display:flex;flex-direction:row}.td-filter-bar-filter-wrapper .filter{font-size:8px;padding:10px;user-select:none}}.td-modal-wrapper{width:var(--td-modal-wrapper-width);height:var(--td-modal-wrapper-height);position:fixed;z-index:999;left:var(--td-modal-wrapper-left);top:var(--td-modal-wrapper-top);display:flex;align-items:center;justify-content:center}.td-modal-wrapper.hide{display:none}.td-modal-wrapper.show{display:flex}.td-modal-wrapper.show+.td-modal-wrapper.show .td-backdrop{backdrop-filter:blur(0)}.td-modal-wrapper.show .td-modal{position:relative;z-index:1000;border-radius:var(--td-modal-border-radius);background-color:var(--td-white-color);min-width:var(--td-modal-min-width);min-height:var(--td-modal-min-height);padding:45px;opacity:1}.td-backdrop{width:var(--td-backdrop-width);height:var(--td-backdrop-height);position:absolute;left:var(--td-backdrop-left);top:var(--td-backdrop-top);background:var(--td-backdrop-background);backdrop-filter:blur(10px)}.td-category-selection-modal{display:flex;flex-direction:column}.td-category-selection-modal .td-category-list{flex-direction:column;align-items:flex-start}.td-category-selection-modal .td-category{margin-right:0;margin-bottom:20px}.td-category-selection-modal .td-category-add-btn{margin-top:40px;margin-left:0}.td-btn{font-family:var(--td-font-family);padding:16px;color:var(--td-white-color);font-weight:var(--td-btn-font-weight);font-size:var(--td-btn-font-size);border-radius:var(--td-btn-border-radius);min-width:var(--td-btn-min-width);appearance:none;outline:0;border-style:initial;cursor:pointer;user-select:none}.td-btn:disabled{background-color:var(--td-tertiary-color);cursor:not-allowed}.btn-primary{background-color:var(--td-primary-color);border:var(--td-primary-color)}.btn-text{background-color:transparent;border:none;color:var(--td-accent-red)}.btn-danger{background-color:var(--td-accent-red);border:var(--td-accent-red)}.btn-icon{min-width:var(--td-btn-icon-width);min-height:var(--td-btn-icon-height);padding:0;border-radius:var(--td-btn-icon-border-radius);background-color:var(--td-primary-color);border:var(--td-primary-color)}.td-category-creation-modal{max-width:325px;padding-bottom:35px}.td-color-display-wrapper{margin-top:40px;margin-bottom:20px}.td-color-display-label{font-size:8px;color:var(--td-tertiary-color);font-weight:var(--td-font-weight-700);margin-bottom:8px}.td-color-display{background-color:var(--td-accent-blue);width:111px;height:25px}.td-color-selector{display:flex;flex-direction:row}.td-color-block-wrapper{display:flex;flex-direction:row;width:100%}.td-color-block-wrapper .td-color-block{width:25px;height:25px;margin-right:18px;cursor:pointer}.td-input-wrapper-modal-context{position:relative}.td-input-wrapper-modal-context:before{content:"#";position:absolute;font-size:var(--td-page-content-font-size);color:var(--td-tertiary-color);font-weight:var(--td-font-weight-700)}.td-input-wrapper-modal-context .td-input{width:78px;padding-left:13px}.td-action-icon-wrapper{margin-top:43px;display:flex;align-items:flex-end;justify-content:space-between}.td-action-icon-wrapper .td-icon{cursor:pointer}.td-confirm-modal{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.confirm-modal-cancel-btn{margin-top:14px}*{box-sizing:border-box}html{height:100%}body{margin:0;font-family:var(--td-font-family)}:root{--td-primary-color:#f77062;--td-secondary-color:#000;--td-tertiary-color:#ccc;--td-white-color:#fff;--td-background-color:var(--td-white-color);--td-accent-blue:#38c9ff;--td-accent-yellow:#ffab38;--td-accent-red:#ff3838;--td-font-family:Montserrat,Helvetica,sans-serif;--td-page-title-font-size-default:50px;--td-page-title-font-size-responsive:30px;--td-page-content-font-size:1rem;--td-font-weight-600:600;--td-font-weight-700:700;--td-app-max-width:768px;--td-btn-font-weight:var(--td-font-weight-600);--td-btn-font-size:var(--td-page-content-font-size);--td-btn-min-width:254px;--td-btn-border-radius:27px;--td-btn-icon-width:35px;--td-btn-icon-height:35px;--td-btn-icon-border-radius:50%;--td-modal-wrapper-width:100%;--td-modal-wrapper-height:100%;--td-modal-wrapper-left:0;--td-modal-wrapper-top:0;--td-backdrop-width:100%;--td-backdrop-height:100%;--td-backdrop-left:0;--td-backdrop-top:0;--td-backdrop-background:rgba(0, 0, 0, 0.15);--td-modal-min-width:325px;--td-modal-min-height:325px;--td-modal-border-radius:40px;--td-modal-min-height:325px}