#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;width:100%}.container-task{display:flex;width:100%;flex-direction:column;height:auto;padding-top:7px;border-radius:4px}.container-task.active{box-shadow:0 8px 16px #0000003b}.container-task-add{display:flex;padding:0 10px 10px;gap:5px}.container-task-add-icon-plus{width:2%;color:#007fff}.container-task-add-avatar{width:2%}.container-task-add-button-bar{display:flex;justify-content:space-between;padding:10px;background-color:#fafbfb;border-top:1px solid rgba(231,236,239,1)}.container-task-add-button-bar-left,.container-task-add-button-bar-right{display:flex;gap:4px}.container-task-add-button-bar-icon-btn:nth-of-type(1){margin-right:50px;color:#04142f;background-color:#eaf0f5}.container-task-add-button-bar-action-btn-cancel{color:#04142f;background-color:#eaf0f5}.container-task-add-tag{text-align:left;padding-inline:5px;width:100%;height:45px}.container-task-add-tag:focus{outline:none;height:45px}.tag{cursor:pointer}.tag-purple{color:purple;background-color:#80008059;border-radius:13px;padding:4px}.container-task.active .tag-purple{background-color:#fff}.tag-green{color:green;background-color:#00800061;border-radius:13px;padding:4px}.container-task.active .tag-green{background-color:#fff}.tag-orange{color:orange;background-color:#ffa50040;border-radius:13px;padding:4px}.container-task.active .tag-orange{background-color:#fff}.tag-blue{color:#00f;background-color:#0000ff59;border-radius:13px;padding:4px}.container-task.active .tag-blue{background-color:#fff}div.disabled{pointer-events:none;opacity:.5}.icon-btn{border-radius:7%}.custom-place-holder{color:#b9b7b7}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#242424;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:4px;border:1px solid #C6CDD2;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f9f9f9;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}