@import url(https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap);*{-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;font-family:Cairo,sans-serif}body{background-color:#fff;margin:0;min-height:100vh;padding:0}#root{align-items:center;display:flex;justify-content:center;margin-top:100px;padding:0 15px}@media(max-width:820px){#root{margin:0;padding:0}}.todo-wrapper{border-radius:15px;box-shadow:2px 2px 11px 4px #f3f3f3;max-width:400px;overflow:hidden;padding-bottom:25px;width:100%}@media(max-width:820px){.todo-wrapper{border-radius:0;max-width:100%}}.todo-form-wrapper{background:linear-gradient(#3a47d5,#00d2ff);padding:13px 13px 40px;width:100%}@media(max-width:820px){.todo-form-wrapper{padding:42px 13px 81px}}.btn{align-items:center;border-radius:15px;cursor:pointer;display:inline-flex;height:30px;justify-content:center}.todo-title{color:#fff;font-size:20px;margin:0 0 10px;text-align:center;text-transform:uppercase}.form-group{position:relative;width:100%}.form-control{border:1px solid #eee;border-radius:20px;box-shadow:none;height:35px;outline:0;padding:2px 40px 2px 13px;width:100%}.btn-primary{background:linear-gradient(#3a47d5,#00d2ff);border:none!important;box-shadow:none;color:#fff;outline:0}.add-btn{align-items:center;border-radius:50%;cursor:pointer;display:inline-flex;height:30px;justify-content:center;position:absolute;right:4px;top:2px;width:30px}.add-btn img{height:auto;width:17px}.todo-list{background-color:#fff;border-radius:26px 0 0 0;margin-top:-22px;padding:25px;width:100%}.select-all,.select-all-wrapper{align-items:center;display:flex}.select-all{border-bottom:1px solid #ddd;justify-content:space-between;margin-bottom:13px;padding:0 10px 6px}.select-all label{color:#555;font-size:15px;margin-left:8px}.no-result{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:50px 0}.no-result img{width:70%}.no-result p{color:#3a47d5;font-size:18px;font-weight:700;margin:27px 0 0}.completed-task{opacity:.5;pointer-events:none;text-decoration:line-through}.completed-input{cursor:not-allowed;opacity:.3;pointer-events:none}input[type=checkbox]{accent-color:#000;height:15px;margin:0;width:15px}.todo-item{align-items:center;background-color:#fff;border-radius:10px;box-shadow:2px 2px 7px 0 #e5e5e5;display:flex;padding:10px}.todo-item input{margin-right:8px}.todo-item:not(:last-child){margin-bottom:12px}.todo-filter select{border-color:#ddd;box-shadow:none;font-size:12px;outline:0;padding:0 2px}.todo-actions button{font-size:13px;padding:2px 10px}.todo-actions button:not(:last-child){margin-right:10px}.error{color:red;font-size:12px}
/*# sourceMappingURL=main.3b265e04.css.map*/