[data-v-2e65e3cd]:root{--white:#fff;--white-dark:#fcfcfc;--grey:#fbfbfb;--border-grey:#dcdfe6;--border-grey-light:rgba(220,223,230,0.4);--transparent-grey:rgba(0,0,0,0.05);--black:#0f263b;--black-dark:#0d2033;--black-darker:#0d1c2f;--actual-black:#000;--actual-dark-black:#050505;--dark-section-bg:#0f263b;--dark-section-text:#fff;--grid-line:#e5e5e5}html.dark[data-v-2e65e3cd]{--white:#2c2c2c;--white-dark:#1a1a1a;--grey:#1c1c1c;--border-grey:#444;--border-grey-light:rgba(68,68,68,0.4);--transparent-grey:hsla(0,0%,100%,0.05);--black:#f5f5f5;--black-dark:#eee;--black-darker:#ddd;--actual-black:#fff;--actual-dark-black:#fafafa;--dark-section-bg:#1a1a1a;--dark-section-text:#e0e0e0;--grid-line:#444}.todo-item-content[data-v-2e65e3cd]{flex:1;display:flex;align-items:center}.todo-item-content .wrapper[data-v-2e65e3cd]{margin:0;line-height:20px}[data-v-0295d0da]:root{--white:#fff;--white-dark:#fcfcfc;--grey:#fbfbfb;--border-grey:#dcdfe6;--border-grey-light:rgba(220,223,230,0.4);--transparent-grey:rgba(0,0,0,0.05);--black:#0f263b;--black-dark:#0d2033;--black-darker:#0d1c2f;--actual-black:#000;--actual-dark-black:#050505;--dark-section-bg:#0f263b;--dark-section-text:#fff;--grid-line:#e5e5e5}html.dark[data-v-0295d0da]{--white:#2c2c2c;--white-dark:#1a1a1a;--grey:#1c1c1c;--border-grey:#444;--border-grey-light:rgba(68,68,68,0.4);--transparent-grey:hsla(0,0%,100%,0.05);--black:#f5f5f5;--black-dark:#eee;--black-darker:#ddd;--actual-black:#fff;--actual-dark-black:#fafafa;--dark-section-bg:#1a1a1a;--dark-section-text:#e0e0e0;--grid-line:#444}.container[data-v-0295d0da]{background:var(--white);position:relative;flex:1}[data-v-0295d0da] .editor{z-index:11;box-shadow:0 0 0 2px rgba(220,223,230,.4);padding:0}[data-v-0295d0da] .editor .prepend{font-size:14px}[data-v-0295d0da] .editor .prepend .project{border-left:2px solid var(--border-grey)}[data-v-0295d0da] .editor .prepend .project,[data-v-0295d0da] .editor .prepend .user{cursor:default;padding:10px 12px;color:var(--black)}[data-v-0295d0da] .editor .can-delete.wants-delete,[data-v-0295d0da] .editor .can-delete:hover{cursor:pointer;text-decoration:line-through}[data-v-0295d0da] .editor .el-input-group__append{padding:0;align-items:center;justify-content:center}.projects_suggestions[data-v-0295d0da],.users_suggestions[data-v-0295d0da]{display:inline-table;position:absolute;width:100%;z-index:100}.projects_suggestions .el-input-group__prepend[data-v-0295d0da],.users_suggestions .el-input-group__prepend[data-v-0295d0da]{font-size:14px;visibility:hidden;border-right:1px solid var(--border-grey)}.projects_suggestions ul[data-v-0295d0da],.users_suggestions ul[data-v-0295d0da]{padding:0 0;margin:0;list-style:none;box-sizing:border-box;box-shadow:0 20px 66px 0 rgba(34,48,73,.2);border-bottom-right-radius:4px;border-bottom-left-radius:4px;background-color:var(--white);width:100%}.projects_suggestions ul li[data-v-0295d0da],.users_suggestions ul li[data-v-0295d0da]{cursor:pointer;padding:0 20px;height:40px;display:flex;flex-direction:row;align-items:center}.projects_suggestions ul li span.label[data-v-0295d0da],.users_suggestions ul li span.label[data-v-0295d0da]{color:var(--black);font-size:14px;display:block;flex:1}.projects_suggestions ul li.selected[data-v-0295d0da],.users_suggestions ul li.selected[data-v-0295d0da]{box-shadow:inset -4px 0 0 0 #1989fa;background-color:rgba(25,137,250,.05)}.projects_suggestions ul li[data-v-0295d0da]:hover,.users_suggestions ul li[data-v-0295d0da]:hover{box-shadow:inset -4px 0 0 0 #f5a623;background-color:rgba(245,166,35,.05)}.action-icon-group[data-v-0295d0da]{display:inline-flex;align-items:center;padding:0 10px}.action-icon-group .action-icon[data-v-0295d0da]{padding:10px 3px}.action-icon[data-v-0295d0da]{display:inline-block;position:relative;padding:10px 15px;text-align:center;cursor:pointer}.action-icon span[data-v-0295d0da]{font-size:12px;font-weight:700;color:#1989fa}.action-icon[data-v-0295d0da]:hover{color:#1989fa}.action-icon.remove[data-v-0295d0da]:hover{color:#f92139}.action-icon .component-picker[data-v-0295d0da]{pointer-events:none;width:0;opacity:0;position:absolute;left:-5px}[data-v-0295d0da] .date-picker{width:0;height:0;opacity:0;position:absolute;right:308px;bottom:0}[data-v-0295d0da] .date-picker input{width:0;height:0;padding:0;background-color:transparent;border:none}[data-v-d5c7131e]:root{--white:#fff;--white-dark:#fcfcfc;--grey:#fbfbfb;--border-grey:#dcdfe6;--border-grey-light:rgba(220,223,230,0.4);--transparent-grey:rgba(0,0,0,0.05);--black:#0f263b;--black-dark:#0d2033;--black-darker:#0d1c2f;--actual-black:#000;--actual-dark-black:#050505;--dark-section-bg:#0f263b;--dark-section-text:#fff;--grid-line:#e5e5e5}html.dark[data-v-d5c7131e]{--white:#2c2c2c;--white-dark:#1a1a1a;--grey:#1c1c1c;--border-grey:#444;--border-grey-light:rgba(68,68,68,0.4);--transparent-grey:hsla(0,0%,100%,0.05);--black:#f5f5f5;--black-dark:#eee;--black-darker:#ddd;--actual-black:#fff;--actual-dark-black:#fafafa;--dark-section-bg:#1a1a1a;--dark-section-text:#e0e0e0;--grid-line:#444}.checkbox[data-v-d5c7131e]{transform:scale(.9);z-index:1}.checkbox.editing[data-v-d5c7131e]{z-index:100}.checkbox.disable[data-v-d5c7131e]{pointer-events:none}.checkbox.disable label[data-v-d5c7131e]{cursor:default}.checkbox .priority[data-v-d5c7131e]{pointer-events:none;position:absolute;width:100%;height:100%;bottom:0;border-radius:14px;background:var(--white);box-shadow:none;opacity:0;padding:6px;box-sizing:border-box;z-index:99999;box-shadow:0 20px 66px 0 rgba(34,48,73,.2),inset 0 0 0 1px #3be8b0,0 0 0 2px #3be8b0;transition:all .2s ease-in-out,box-shadow 0s ease-in-out}.checkbox .priority.show[data-v-d5c7131e]{opacity:1;height:100px}.checkbox .priority .cursor[data-v-d5c7131e]{position:absolute;width:18px;height:18px;border-radius:9px;background-color:#ddd}.checkbox .priority .cursor span[data-v-d5c7131e]{margin-left:-43px;background-color:var(--dark-section-bg);color:var(--dark-section-text);width:20px;text-align:center;display:block;padding:2px 5px;border-radius:5px;font-size:11px;font-weight:600}.checkbox input[data-v-d5c7131e]{display:none}.checkbox input:checked+label[data-v-d5c7131e]{background:#3be8b0}.checkbox input:checked+label[data-v-d5c7131e]:hover{box-shadow:inset 0 0 0 0 #3be8b0,0 0 0 0 #3be8b0}.checkbox input:checked+label:hover svg[data-v-d5c7131e]{fill:#fff}.checkbox label[data-v-d5c7131e]{cursor:pointer;background:#ddd;display:flex;border-radius:100%;width:30px;height:30px;position:relative;transition:all .3s cubic-bezier(.645,.045,.355,1);align-items:center;justify-content:center}.checkbox label.show_priority[data-v-d5c7131e],.checkbox label[data-v-d5c7131e]:hover{box-shadow:inset 0 0 0 1px #3be8b0,0 0 0 2px #3be8b0;background:#fff}.checkbox label.show_priority svg[data-v-d5c7131e],.checkbox label:hover svg[data-v-d5c7131e]{fill:#3be8b0}.checkbox label svg[data-v-d5c7131e]{display:block;fill:#fff;transition:all .3s cubic-bezier(.645,.045,.355,1);width:16px;height:16px}[data-v-5a9dd405]:root{--white:#fff;--white-dark:#fcfcfc;--grey:#fbfbfb;--border-grey:#dcdfe6;--border-grey-light:rgba(220,223,230,0.4);--transparent-grey:rgba(0,0,0,0.05);--black:#0f263b;--black-dark:#0d2033;--black-darker:#0d1c2f;--actual-black:#000;--actual-dark-black:#050505;--dark-section-bg:#0f263b;--dark-section-text:#fff;--grid-line:#e5e5e5}html.dark[data-v-5a9dd405]{--white:#2c2c2c;--white-dark:#1a1a1a;--grey:#1c1c1c;--border-grey:#444;--border-grey-light:rgba(68,68,68,0.4);--transparent-grey:hsla(0,0%,100%,0.05);--black:#f5f5f5;--black-dark:#eee;--black-darker:#ddd;--actual-black:#fff;--actual-dark-black:#fafafa;--dark-section-bg:#1a1a1a;--dark-section-text:#e0e0e0;--grid-line:#444}.priority[data-v-5a9dd405]{align-self:center;background-color:var(--dark-section-bg);display:inline-block;text-align:center;padding:2px 5px;border-radius:5px;font-weight:600;opacity:0;font-size:11px;margin-left:-34px;width:24px;margin-right:0;margin-bottom:2px;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--dark-section-bg);transition:all .2s ease-in-out}.priority.show[data-v-5a9dd405]{opacity:1;margin-left:0;margin-right:8px;color:var(--dark-section-text)}[data-v-5e723aed]:root{--white:#fff;--white-dark:#fcfcfc;--grey:#fbfbfb;--border-grey:#dcdfe6;--border-grey-light:rgba(220,223,230,0.4);--transparent-grey:rgba(0,0,0,0.05);--black:#0f263b;--black-dark:#0d2033;--black-darker:#0d1c2f;--actual-black:#000;--actual-dark-black:#050505;--dark-section-bg:#0f263b;--dark-section-text:#fff;--grid-line:#e5e5e5}html.dark[data-v-5e723aed]{--white:#2c2c2c;--white-dark:#1a1a1a;--grey:#1c1c1c;--border-grey:#444;--border-grey-light:rgba(68,68,68,0.4);--transparent-grey:hsla(0,0%,100%,0.05);--black:#f5f5f5;--black-dark:#eee;--black-darker:#ddd;--actual-black:#fff;--actual-dark-black:#fafafa;--dark-section-bg:#1a1a1a;--dark-section-text:#e0e0e0;--grid-line:#444}li.todo-item[data-v-5e723aed]{padding:5px 12px 5px 15px;position:relative;flex:1;display:flex;flex-direction:row;justify-content:center;transition:all .2s ease-in-out;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto;box-shadow:none;border-radius:10px;border-bottom-left-radius:30px;border-top-left-radius:30px;align-items:center}@media screen and (max-width:992px){li.todo-item[data-v-5e723aed]{padding:5px 10px}}li.todo-item.highlight[data-v-5e723aed]{animation-name:highlight-5e723aed;animation-duration:2.5s;animation-delay:.25s}li.todo-item .user[data-v-5e723aed]{background-color:rgba(25,137,250,.05);border:1px solid rgba(25,137,250,.2);padding:0 4px;border-radius:4px;margin-right:10px;min-width:40px;color:#1989fa}li.todo-item .user span[data-v-5e723aed]{display:block;text-align:center;font-size:12px}li.todo-item .options[data-v-5e723aed]{display:flex;justify-content:center;align-items:center;background:transparent;border:none;width:40px;height:40px;padding:0;cursor:pointer;border-radius:10px;opacity:0}@media screen and (max-width:992px){li.todo-item .options[data-v-5e723aed]{display:none}}li.todo-item .options .down-icon[data-v-5e723aed]{cursor:pointer;fill:rgba(var(--black),.4);display:flex;justify-content:center;align-items:center;width:100%;height:100%}li.todo-item .options .down-icon .icon[data-v-5e723aed]{flex:0 0 auto;height:12px;width:12px}li.todo-item.editing[data-v-5e723aed]{background:var(--white);box-shadow:0 20px 66px 0 rgba(34,48,73,.2);transform:scale(1.008);z-index:100;position:relative}li.todo-item.editing .options[data-v-5e723aed]{display:flex}li.todo-item.editing .options[data-v-5e723aed],li.todo-item:hover .options[data-v-5e723aed]{opacity:1}li.todo-item.editing .options[data-v-5e723aed]:hover,li.todo-item:hover .options[data-v-5e723aed]:hover{background:var(--white);box-shadow:0 0 0 1px rgba(var(--border-grey),.2)}li.todo-item .avatar[data-v-5e723aed]{margin-right:5px}li.todo-item .checkbox[data-v-5e723aed]{margin-right:10px;z-index:10}li.todo-item .dependencies[data-v-5e723aed]{left:-7px;position:absolute;border-radius:17px;width:50px;height:32px;background:var(--white);border:1px solid rgba(var(--border-grey),.2);pointer-events:none;display:flex;align-items:center;padding-left:7px;box-sizing:border-box;z-index:8}li.todo-item .dependencies span[data-v-5e723aed]{color:#f92139;font-weight:600;font-size:11px}li.todo-item .el-button[data-v-5e723aed]{margin-left:5px}li.todo-item.completed[data-v-5e723aed]{opacity:.3}li.todo-item.completed span[data-v-5e723aed]{text-decoration:line-through}li.todo-item .project[data-v-5e723aed]{margin-right:4px}li.todo-item .project span[data-v-5e723aed]{cursor:pointer}li.todo-item .project span[data-v-5e723aed]:not(:hover){letter-spacing:.3px}li.todo-item .project span[data-v-5e723aed]:hover{font-weight:700}li.todo-item .link[data-v-5e723aed]{color:var(--black);text-decoration:none;cursor:pointer}li.todo-item .link[data-v-5e723aed]:not(:hover){letter-spacing:.3px}li.todo-item .link[data-v-5e723aed]:hover{font-weight:700}li.todo-item .date[data-v-5e723aed]{display:inline-block;padding:4px 8px;color:var(--black);font-size:12px;font-weight:700;border-radius:4px}li.todo-item .date.today[data-v-5e723aed]{background-color:rgba(25,137,250,.1)}li.todo-item .date.late[data-v-5e723aed]{background-color:rgba(249,33,57,.1)}li.todo-item .date.soon[data-v-5e723aed]{background-color:rgba(245,166,35,.1)}li.todo-item .content[data-v-5e723aed]{cursor:pointer;flex:1}li.todo-item[data-v-5e723aed] .editor{min-height:27px;max-height:unset;border:none;padding:0;font-family:Montserrat,sans-serif;background:unset;font-size:14px;color:var(--black);box-shadow:none}li.todo-item[data-v-5e723aed] .editor .append{background-color:transparent;border:0}li.todo-item[data-v-5e723aed] .editor .append .date-icon{padding:0 10px}@keyframes opacityOn-5e723aed{0%{opacity:0}to{opacity:1}}li.todo-item span.info[data-v-5e723aed]{color:rgba(var(--black),.5);font-size:10px;font-weight:300;position:absolute;top:-15px;right:60px;background:var(--white);padding:2px 15px;padding-bottom:5px;border-radius:6px;z-index:8;opacity:0;animation-name:opacityOn-5e723aed;animation-duration:.2s;animation-delay:.2s;animation-fill-mode:forwards;animation-iteration-count:1}li.todo-item .icon-container[data-v-5e723aed],li.todo-item .icon-container a[data-v-5e723aed]{display:flex;flex-direction:row;justify-content:center;align-items:center;width:40px;height:40px;border-radius:10px}li.todo-item .icon-container[data-v-5e723aed]:empty,li.todo-item .icon-container a[data-v-5e723aed]:empty{pointer-events:none}li.todo-item .icon-container[data-v-5e723aed]:hover,li.todo-item .icon-container a[data-v-5e723aed]:hover{cursor:pointer;background-color:var(--white);box-shadow:0 0 0 1px rgba(var(--border-grey),.2)}li.todo-item .component[data-v-5e723aed]{font-size:10px;margin-right:10px;opacity:.7}li.todo-item .due-by[data-v-5e723aed]{font-size:12px;margin-right:10px}li.todo-item .estimate[data-v-5e723aed]{display:inline-block;padding:4px 8px;margin-right:10px;color:var(--black);font-size:12px;font-weight:700;border-radius:4px;background:var(--transparent-grey)}@keyframes highlight-5e723aed{25%{box-shadow:0 20px 66px 0 rgba(25,137,250,.4);background:var(--white);transform:scale(1.008)}50%{box-shadow:0 20px 66px 0 rgba(25,137,250,.4);background:var(--white);transform:scale(1.008)}to{box-shaodw:none;background:none;transform:scale(1)}}[data-v-5d4f99ea]:root{--white:#fff;--white-dark:#fcfcfc;--grey:#fbfbfb;--border-grey:#dcdfe6;--border-grey-light:rgba(220,223,230,0.4);--transparent-grey:rgba(0,0,0,0.05);--black:#0f263b;--black-dark:#0d2033;--black-darker:#0d1c2f;--actual-black:#000;--actual-dark-black:#050505;--dark-section-bg:#0f263b;--dark-section-text:#fff;--grid-line:#e5e5e5}html.dark[data-v-5d4f99ea]{--white:#2c2c2c;--white-dark:#1a1a1a;--grey:#1c1c1c;--border-grey:#444;--border-grey-light:rgba(68,68,68,0.4);--transparent-grey:hsla(0,0%,100%,0.05);--black:#f5f5f5;--black-dark:#eee;--black-darker:#ddd;--actual-black:#fff;--actual-dark-black:#fafafa;--dark-section-bg:#1a1a1a;--dark-section-text:#e0e0e0;--grid-line:#444}div[data-v-5d4f99ea]{padding:20px 0;border-bottom:1px solid var(--border-grey-light);-webkit-user-select:none;-moz-user-select:none;user-select:none}div label[data-v-5d4f99ea]{padding:0 10px;font-family:Rubik,sans-serif;font-size:14px;display:block;margin-bottom:10px}div label.clickable[data-v-5d4f99ea]{cursor:pointer}div label span[data-v-5d4f99ea]{font-weight:700}div .section[data-v-5d4f99ea]{padding:0;margin:0;list-style:none}[data-v-32eab8f8]:root{--white:#fff;--white-dark:#fcfcfc;--grey:#fbfbfb;--border-grey:#dcdfe6;--border-grey-light:rgba(220,223,230,0.4);--transparent-grey:rgba(0,0,0,0.05);--black:#0f263b;--black-dark:#0d2033;--black-darker:#0d1c2f;--actual-black:#000;--actual-dark-black:#050505;--dark-section-bg:#0f263b;--dark-section-text:#fff;--grid-line:#e5e5e5}html.dark[data-v-32eab8f8]{--white:#2c2c2c;--white-dark:#1a1a1a;--grey:#1c1c1c;--border-grey:#444;--border-grey-light:rgba(68,68,68,0.4);--transparent-grey:hsla(0,0%,100%,0.05);--black:#f5f5f5;--black-dark:#eee;--black-darker:#ddd;--actual-black:#fff;--actual-dark-black:#fafafa;--dark-section-bg:#1a1a1a;--dark-section-text:#e0e0e0;--grid-line:#444}.user.title[data-v-32eab8f8]{display:flex;flex-direction:row;align-items:center;padding-bottom:10px}.user.title .name[data-v-32eab8f8]{margin-left:10px;font-size:13px;font-weight:600}.section[data-v-32eab8f8]{padding:20px 20px 10px 20px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.section ul[data-v-32eab8f8]{margin:0;padding:0}.section ul li[data-v-32eab8f8]{-webkit-user-select:none;-moz-user-select:none;user-select:none}@media screen and (max-width:992px){.section[data-v-32eab8f8]{padding:20px 0 10px 0}}