body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#19163b;background-image:linear-gradient(52.21deg,#19163b 46.97%,#4c09a2 156.47%);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100lvh}*,body{margin:0}*{box-sizing:border-box;color:#cddbdb;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background:#000000d1;justify-content:flex-start;min-height:100svh;padding:5px}.App,.main-wrapper{align-items:center;display:flex;flex-direction:column}.main-wrapper{justify-content:center;max-width:500px;width:100%}.wrapper{background:#3c3c3c99;border-radius:5px;margin:5px 5px 0;padding:5px}.css-p10pf{color:currentcolor;display:inline-block;filter:blur(150px);flex-shrink:0;height:auto;line-height:1em;max-width:none;position:fixed;width:150%;z-index:-1}.form,.header-wrapper{width:100%}.form{align-items:center;display:flex;max-width:500px;transition:all .5s ease-in-out}.form *{height:40px;padding:.5em}.input{background:hsla(0,0%,4%,.961);border:none;border-radius:5px;font-size:1em;height:42px;outline:0;transition:all .5s ease-in-out;width:100%}.input:active,.input:focus,.input:focus-visible,.input:focus-within,.input:target{border:1px solid #040404ad;border-radius:10px}.input:active~.add-todo-btn,.input:focus-visible~.add-todo-btn,.input:focus-within~.add-todo-btn,.input:focus~.add-todo-btn,.input:target~.add-todo-btn{border-radius:18px}.input:hover{border:1px solid #040404ad}.add-todo-btn{align-items:center;background:#f6f6f6e8;border:none;border-radius:5px;display:flex;justify-content:center;margin-left:10px;transition:all .5s ease-in-out;width:80px}.add-todo-btn svg{fill:#052020;height:30px;transition:all .5s ease-in-out;width:30px}.add-todo-btn:active,.add-todo-btn:focus,.add-todo-btn:focus-visible,.add-todo-btn:focus-within,.add-todo-btn:hover,.add-todo-btn:target{cursor:pointer}.add-todo-btn:active svg{transform:rotate(180deg)}.item{border-radius:5px;justify-content:center;margin-bottom:4px}.item,.item-content{display:flex;transition:all .5s ease-in-out}.item-content{align-items:center;border-radius:.25em;justify-content:space-between;max-width:500px;min-height:40px;padding:.5em 1em .5em .5em;width:100%}.item-content .list-nom{display:flex;justify-content:center;width:30px}.item-content .list-nom span{transition:all 1s ease-in-out}.item-content p{height:auto;max-width:80%;padding:0 .5em;position:relative;text-align:left;text-decoration:none;transition:opacity 1.5s ease-in-out;width:80%}.item-content p:after{background:#f6f6f6e8;border-radius:2px;content:"";display:block;height:2px;left:0;margin:0 .5em;position:absolute;text-align:center;top:50%;transition:all .8s ease-in-out;width:0}.item-content p.completed:after{width:95%}.item-content p.completed{filter:blur(.4px);opacity:.5;transition:all 1.5s ease-in-out}.item-content .delete-btn{align-items:center;border:1px solid #f6f6f6e8;border-radius:3px;display:flex;height:25px;justify-content:center;opacity:.5;transition:all .5s ease-in-out;width:25px}.item-content .delete-btn svg{fill:#cddbdb;height:25px;transition:all .5s ease-in-out;width:25px}.item-content .delete-btn svg:hover{fill:#930101}.item-content .delete-btn:hover{border:1px solid #930101;cursor:pointer;opacity:1}.item-content .container{cursor:pointer;height:25px;width:25px}.item-content .container input{display:none}.item-content .container svg{height:25px;overflow:visible;width:25px}.item-content .path{fill:none;stroke:#cddbdb;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:241 9999999;stroke-dashoffset:0;transition:all .8s ease}.item-content .container input:checked~svg .path{stroke-dasharray:70 9999999;stroke-dashoffset:-260;stroke:green;stroke-width:6}.item-content .container input:hover~svg .path{stroke:green;stroke-width:6}.completed{background-color:#040404ad}.completed .delete-btn{opacity:1}.completed .list-nom span{color:#f6f6f6e8}button{background:none}.list_wrapper{width:100%}.progress{background:green;border-radius:2px;height:4px;left:0;position:absolute;top:0;transition:all .5s ease-in-out}
/*# sourceMappingURL=main.f3be6777.css.map*/