:root{--small:1.6rem;--normal:2.4rem;--big:3.5rem;--superbig:6rem;--extrabig:7.5rem;--black:#000;--white:#fff;--gradient:linear-gradient(90deg,#ee6352,purple,#ee6352)}*{margin:0;padding:0;box-sizing:content-box}html{font-size:62.5%;font-family:"Poppins",sans-serif}body{background:#ddd;background-size:300%;background-image:linear-gradient(90deg,#ee6352,purple,#ee6352);background-image:var(--gradient);animation:bg-animation 10s infinite}@keyframes bg-animation{0%{background-position:0}50%{background-position:100%}to{background-position:0}}.container-bg{min-width:100vw;min-height:100vh;position:relative;place-content:center;place-items:center;place-self:center;display:flex}.container-bg img{position:absolute;right:0;min-width:1832px;min-height:1049px;object-fit:cover;opacity:1%;z-index:-1}#myApp{display:flex;flex-direction:column;position:absolute;min-width:270px;max-width:100vw;justify-content:center;align-items:center;align-self:center;justify-self:center}.TodoCounter-title-wrapper{min-width:270px;max-width:460px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:6px 0 24px;background-color:#000;background-color:var(#000)}.TodoCounter-title{font-size:6rem;font-size:var(--superbig);font-weight:700;line-height:90px}.TodoCounter-title,.TodoCounter-todos-count{text-align:center;font-style:normal;color:#fff;color:var(#fff)}.TodoCounter-todos-count{font-size:2.4rem;font-size:var(--normal);line-height:36px;font-weight:400}.TodoCounter-title,.TodoCounter-todos-count{padding:6px 5px}.TodoCounter--loading{opacity:1%}.inputSearchTodo,.inputSearchTodo:focus:hover:active,.inputSearchTodo:hover{background-color:var(#fff);color:var(#000);font-weight:700;font-style:normal;line-height:36px;font-size:var(--small);text-align:center;border:2px dashed #000;height:42px;width:99%}.inputSearchTodo:-ms-input-placeholder{color:var(#000);border:0;font-size:var(--small);text-align:center;font-weight:700;line-height:36px}.inputSearchTodo::placeholder{color:var(#000);border:0;font-size:var(--small);text-align:center;font-weight:700;line-height:36px}.inputSearchTodo:disabled{opacity:1%}.todolist-inner-wrapper{max-width:425px;min-width:270px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column;border:8px solid #000;background:#fff;margin-top:5px;padding:9px 9px 60px;min-height:200px}.TodoList{font-size:var(--small);text-align:center;padding:24px 0;min-width:270px}.TodoList--loading,.TodoList--notLoading{opacity:1%}.TodoItem{display:grid;grid-template-columns:1fr 10fr 1fr;padding:24px 0}.TodoItem-custom-checkbox:hover span{border:3px solid grey}.TodoItem-custom-checkbox input:checked+span{border:3px solid #000}.TodoItem-checkbox{display:none}.TodoItem-checkbox-active:checked{content:"✔";color:red;font-size:var(--extrabig)}.TodoItemSpanBox{border:3px solid #000;height:36px;width:36px;border-radius:2px;cursor:pointer;display:flex;justify-content:center;align-items:center}.TodoItemSpan:before{content:"✔";color:red;font-size:var(--extrabig)}.TodoItem p{font-size:var(--normal);line-height:36px;font-weight:700;font-style:normal;word-wrap:normal;word-break:break-all;padding:0 15px}.TodoItem button{width:36px;height:36px;background:none;border:none;font-size:24px;font-style:normal;font-weight:100}.btnCreateTodo{border-radius:50% 50%;width:107px;height:107px;border:8px solid #000;background:#ff404c;color:var(#fff);font-size:var(--normal);line-height:36px;font-style:normal;font-weight:700;position:absolute;bottom:-50px}.Modal-Container{display:flex;min-height:150px;place-items:center;place-content:center;flex-direction:column;background:hsla(0,0%,100%,.8);box-shadow:0 8px 32px 0 rgba(31,38,135,.37);-webkit-backdrop-filter:blur(12.5px);backdrop-filter:blur(12.5px);border-radius:10px;border:1px solid hsla(0,0%,100%,.18)}.Modal-btnClose{position:absolute;top:0;right:0;font-size:var(--big);padding:0 10px;color:#000}.Modal-Container p{font-size:var(--small);font-weight:800;color:#fe1221;padding:40px;text-align:center;line-height:30px}.ChangeAlert{background:hsla(0,0%,100%,.35);box-shadow:0 8px 32px 0 rgba(31,38,135,.37);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:10px;border:1px solid hsla(0,0%,100%,.18);padding:10px;display:flex;flex-direction:column;justify-content:center;align-content:center;justify-items:center;align-self:center;justify-self:center;margin:10px 0;text-align:center;height:100%;position:fixed;width:100%;z-index:2}.ChangeAlert p{box-sizing:content-box;padding:0 0 5px;font-size:1.5rem;color:#fff}.ChangeAlert button{background:hsla(0,0%,100%,.4);box-shadow:0 8px 32px 0 rgba(31,38,135,.37);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:10px;border:1px solid hsla(0,0%,100%,.18);line-height:25px;color:#9400d3}
/*# sourceMappingURL=main.654808d0.chunk.css.map */