body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App .container,.App header .wrapper{max-width:35rem}.App .auth-form{left:50%;top:50%;transform:translate(-50%,-50%)}.App .auth-form button,.App .container .todo-form button,.App .container .todo-list .todo-item .action button,.App .container .toolbar button,.App .not-found a,.App header .wrapper a,.App header .wrapper button,.backdrop .confirm-popup .action button{background-color:#228be6;border:none;border-radius:4px;color:#f4f4f4}.App .auth-form button:hover,.App .container .todo-form button:hover,.App .container .todo-list .todo-item .action button:hover,.App .container .toolbar button:hover,.App .not-found a:hover,.App header .wrapper a:hover,.App header .wrapper button:hover,.backdrop .confirm-popup .action button:hover{background-color:#1971c2;cursor:pointer}.App .auth-form,.App .container .todo-list,.App .container .toolbar,.backdrop .confirm-popup{background-color:#f4f4f4;border-radius:4px;box-shadow:0 0 2px 0 #282c34;padding:4px 8px}.App{background-color:#282c34;box-sizing:border-box;min-height:100vh;overflow-x:visible;text-align:center}.App a{color:#228be6;text-decoration:none}.App button[disabled]{background-color:#ced4da}.App button[disabled]:hover{cursor:not-allowed}.App header{background-color:#228be6;padding-block:4px}.App header .wrapper{align-items:center;display:flex;justify-content:space-between;margin-inline:auto}.App header .wrapper img{border-radius:50%;height:40px;overflow:hidden;width:40px}.App header .wrapper a,.App header .wrapper button{color:#f4f4f4;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:8px}.App header .wrapper a:hover,.App header .wrapper button:hover{font-weight:700}.App header .wrapper button:hover{background-color:#f4f4f4;color:#fa5252}.App header .wrapper .title-wrapper{align-items:center;display:flex;gap:4px}.App header .wrapper .title-wrapper h3{color:#f4f4f4;margin:0}.App .error{color:#e03131}.App .success{color:#0e9e1c}.App .disable{background-color:#ced4da}.App .not-found{color:#f4f4f4;font-size:2rem;margin-top:2rem}.App .not-found a{padding:4px 8px}.App .auth-form{display:flex;flex-direction:column;gap:1rem;margin-inline:auto;max-width:20rem;position:fixed;width:20rem}.App .auth-form .input-group{display:flex;flex-direction:column;gap:.5rem}.App .auth-form .input-group input{border:none;border-radius:4px;outline:none;padding:8px}.App .auth-form button{padding:8px;width:100%}.App .auth-form .back-home-btn{color:#282c34;left:8px;position:absolute;top:4px}.App .auth-form .back-home-btn :hover{cursor:pointer}.App .container{margin-inline:auto;overflow-x:visible}.App .container .todo-form{display:flex;gap:0;margin-top:1rem;width:100%}.App .container .todo-form .input-clearable{align-items:center;background-color:#f4f4f4;border-bottom-left-radius:4px;border-top-left-radius:4px;display:flex;overflow:hidden;position:relative;width:100%}.App .container .todo-form .input-clearable input{border:none;outline:none;padding:8px;width:100%}.App .container .todo-form .input-clearable span{background-color:fff;cursor:pointer;position:absolute;right:0;top:50%;transform:translateY(-50%);width:1rem}.App .container .todo-form button{border-bottom-left-radius:0;border-top-left-radius:0;width:5rem}.App .container .toolbar{align-items:center;border-bottom:1px solid #ced4da;border-bottom-left-radius:0;border-bottom-right-radius:0;display:flex;gap:4px;margin-top:1rem;text-align:left;z-index:1}.App .container .toolbar button{padding:4px;width:25px}.App .container .toolbar button:first-child{background-color:#0a7e14}.App .container .toolbar select{border:1px solid #ced4da;border-radius:4px;height:100%;outline:none;padding:4px}.App .container .toolbar select option{padding:4px}.App .container .todo-list{background-color:#f4f4f4;border-bottom-right-radius:4px;border-top-left-radius:0;border-top-right-radius:0;box-shadow:none;height:75vh;overflow-y:scroll;padding:4px 8px}.App .container .todo-list .todo-item{align-items:center;background-color:#f4f4f4;border:1px solid #ccc;border-radius:5px;display:flex;gap:4px;justify-content:space-between;margin:10px 0;padding:4px 8px;position:relative}.App .container .todo-list .todo-item .input-title{border:none;border-radius:4px;height:100%;max-width:15rem;outline:none;padding:4px;width:100%}.App .container .todo-list .todo-item .title{overflow:hidden;position:relative;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.App .container .todo-list .todo-item .list-group{align-items:center;display:flex;gap:4px}.App .container .todo-list .todo-item .list-group:hover{cursor:pointer}.App .container .todo-list .todo-item .list-button{padding-inline:4px}.App .container .todo-list .todo-item .list-button:hover{cursor:pointer}.App .container .todo-list .todo-item .list-button:hover+.action{display:flex}.App .container .todo-list .todo-item .action{background-color:#f4f4f4;border-radius:4px;bottom:0;box-shadow:0 0 2px 0 #282c34;display:none;flex-direction:column;gap:4px;padding:.5rem;position:absolute;right:0;transform:translateY(92%);z-index:10}.App .container .todo-list .todo-item .action:hover{display:flex}.App .container .todo-list .todo-item .action span{color:#282c34;font-size:12px}.App .container .todo-list .todo-item .action button{padding:2px 4px;text-align:left}.App .container .todo-list .todo-item .action button i{width:12px}.App .container .todo-list .todo-item .action button.incomplete{background-color:#ced4da;color:#282c34}.App .container .todo-list .todo-item .action button.incomplete:hover{background-color:#f4f4f4;outline:1px solid #ced4da}.App .container .todo-list .todo-item .action button.completed{background-color:#0e9e1c}.App .container .todo-list .todo-item .action button.completed:hover{background-color:#0a7e14}.App .container .todo-list .todo-item .action button.danger{background-color:#e03131}.App .container .todo-list .todo-item .action button.danger:hover{background-color:#fa5252}.App .container .todo-list .todo-item.todo-item:hover{border:1px solid #1971c2;box-shadow:0 0 2px 0 #1971c2}.App .container .todo-list .todo-item.completed{background-color:#0e9e1c;color:#f4f4f4;text-decoration:line-through}.App .container .todo-list .todo-item.in-progress{background-color:#228be6;color:#f4f4f4}.App .container .todo-list::-webkit-scrollbar{width:5px}.App .container .todo-list::-webkit-scrollbar-track{background:#f1f1f1;border-bottom-right-radius:4px}.App .container .todo-list::-webkit-scrollbar-thumb{background:#888;border-radius:8px}.App .container .todo-list::-webkit-scrollbar-thumb:hover{background:#555}.backdrop{background-color:rgba(40,44,52,.788);height:100vh;position:fixed;top:0;width:100vw;z-index:100}.backdrop .confirm-popup{display:flex;flex-direction:column;gap:8px;left:50%;padding:8px;position:fixed;text-align:left;top:50%;transform:translate(-50%,-50%);width:-webkit-max-content;width:max-content}.backdrop .confirm-popup i{color:#fcc419}.backdrop .confirm-popup .action{text-align:right}.backdrop .confirm-popup .action button{margin:4px;padding:4px;width:5rem}.backdrop .confirm-popup .action button:first-child{background-color:#e03131}
/*# sourceMappingURL=main.25039451.css.map*/