body{background:#f2f4f5;color:#1e1e1f;color:#fff;font-family:Montserrat,Arial,Helvetica,sans-serif;margin:0;padding:0}#root{margin:0;min-height:100vh;position:relative}.app-container{align-items:center;background-image:url(https://images.pexels.com/photos/247676/pexels-photo-247676.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1);background-position:50%;background-repeat:none;background-size:cover;display:flex;gap:100px;height:100vh;justify-content:center;width:100%}.todo-container{background-color:rgba(0,0,0,.7);border:2px solid #fff;border-radius:6px;height:80%;max-width:1400px;overflow-y:scroll;position:relative;width:90%}.big-form-container{display:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#61dafa}::-webkit-scrollbar-thumb:hover{background:#2c9dbc}.info-container{bottom:30px;color:#fff;font-size:14px;left:22px;position:fixed}.header-row{align-items:center;display:flex;gap:20px;justify-content:center;margin-bottom:18px;padding:0 1.5rem}.TodoTitle{color:#61dafa;font-size:36px;font-weight:600;margin:0;padding:36px 0 12px;text-align:center}.todo-section{margin:8px 0;min-height:100px}.todo-section-title{color:#61dafa;font-size:24px;font-weight:600;margin:0 0 12px 1.3rem;padding:0;text-align:left}.empty-section{color:#a5a5a5;font-size:16px;font-style:italic;margin:20px 0;text-align:center}.info-container a{color:#61dafa;text-decoration:none}.info-container a:hover{text-decoration:underline;text-underline-offset:6px}@media (min-width:1400px){.big-form-container{display:block}.info-container{left:60px}}@media (max-height:700px){.info-container{bottom:4px}}.Icon-container{align-items:center;cursor:pointer;display:flex;font-size:24px;font-weight:700;height:48px;justify-content:center;width:40px}.Icon-container-check{left:12px;position:absolute}.Icon-container-check--active{color:#16e81d;color:#881708e7}.Icon-container-delete{position:absolute;right:0;top:-24px}.Icon-container-delete:hover{color:red}.Icon-svg{height:22px;width:22px}.Icon-container-check:hover .Icon-svg{fill:#16e81d}.Icon-container-delete:hover .Icon-svg{fill:red}.TodoItem{align-items:center;background-color:#fafafa;border-radius:10px;box-shadow:0 5px 50px rgba(32,35,41,.15);display:flex;height:80px;justify-content:flex-start;margin-top:14px;max-height:80px;min-height:80px;overflow:visible;padding-left:5px;position:relative}.TodoItem-p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:15px;font-weight:500;line-height:1.25;margin:0;overflow:hidden;text-overflow:ellipsis;width:calc(100% - 60px)}.TodoItem-p[data-tooltip]:hover:after{word-wrap:break-word;background-color:rgba(0,0,0,.95);border-radius:8px;box-shadow:0 6px 20px rgba(0,0,0,.4);color:#fff;content:attr(data-tooltip);font-size:13px;line-height:1.5;max-width:350px;padding:10px 14px;text-align:left;-webkit-transform:translate(-50%,-100%) translateY(-20px);transform:translate(-50%,-100%) translateY(-20px);white-space:normal;width:-webkit-max-content;width:max-content}.TodoItem-p[data-tooltip]:hover:after,.TodoItem-p[data-tooltip]:hover:before{left:50%;left:var(--tooltip-left,50%);pointer-events:none;position:fixed;top:50%;top:var(--tooltip-top,50%);z-index:9999}.TodoItem-p[data-tooltip]:hover:before{border:8px solid transparent;border-top-color:rgba(0,0,0,.95);content:"";-webkit-transform:translate(-50%,-100%) translateY(-4px);transform:translate(-50%,-100%) translateY(-4px)}.TodoItem-p--complete{color:#ceced2}.TodoItem-p--priority{color:#f44;font-weight:600}.draggable-item{cursor:grab;-webkit-user-select:none;user-select:none}.draggable-item:active{cursor:grabbing}.TodoList{color:#000;display:grid;list-style:none;margin:0 1.3rem;overflow-y:auto;padding:0 0 22px;position:relative}@media (min-width:800px){.TodoList{grid-gap:10px;grid-template-columns:1fr 1fr 1fr}}.LoadingTodo-container{align-items:center;border-radius:10px;box-shadow:0 5px 50px rgba(32,35,41,.15);display:flex;justify-content:center;margin-top:24px;padding:12px 0;position:relative}.LoadingTodo-text{font-size:18px;font-weight:400;line-height:24px;margin:24px 0 24px 24px;width:calc(100% - 120px)}.LoadingTodo-completeIcon,.LoadingTodo-deleteIcon{align-items:center;border-radius:50px;cursor:pointer;display:flex;height:38px;justify-content:center;width:38px}.LoadingTodo-completeIcon{left:12px;position:absolute}.LoadingTodo-deleteIcon{position:absolute;right:8px;top:-18px}.LoadingTodo-completeIcon,.LoadingTodo-container,.LoadingTodo-deleteIcon{-webkit-animation:loadingAnimation 3s ease-in-out infinite;animation:loadingAnimation 3s ease-in-out infinite;background:linear-gradient(90deg,#fafafa,#c8c7c7);background-size:400% 400%}@-webkit-keyframes loadingAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes loadingAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.CreateTodoButton{align-items:center;background-color:#61dafa;border:none;border-radius:50%;bottom:24px;box-shadow:0 5px 25px rgba(97,218,250,.5);color:#fafafa;cursor:pointer;display:flex;font-size:50px;font-weight:700;height:64px;justify-content:center;position:fixed;right:24px;-webkit-transform:rotate(0);transform:rotate(0);transition:.3s ease;width:64px;z-index:1}.CreateTodoButton:hover{-webkit-transform:rotate(224deg);transform:rotate(224deg)}@media (min-width:1400px){.CreateTodoButton{display:none}}form{align-items:center;background-color:#000000b5;border:1px solid #fff;border-radius:16px;display:flex;flex-direction:column;justify-content:center;max-width:300px;padding:33px 40px;width:90%}label{color:#61dafa;font-weight:700;margin-bottom:26px}label,textarea{font-size:20px;text-align:center}textarea{background-color:#f3f5f6ed;border:2px solid #202329;border-radius:2px;border-radius:12px;box-shadow:0 5px 50px rgba(32,35,41,.25);color:#1e1e1f;height:96px;padding:12px;width:calc(100% - 25px)}textarea::-webkit-input-placeholder{color:#a5a5a5;font-family:Montserrat;font-weight:400}textarea::placeholder{color:#a5a5a5;font-family:Montserrat;font-weight:400}textarea:focus{outline-color:#61dafa}.TodoForm-categoryContainer{align-items:center;display:flex;gap:20px;justify-content:center;margin-top:16px}.TodoForm-categoryLabel{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:400;gap:8px;margin:0;padding:0}.TodoForm-categoryLabel input[type=radio]{accent-color:#61dafa;cursor:pointer;height:18px;width:18px}.TodoForm-buttonContainer{align-items:center;display:flex;justify-content:space-between;margin-top:14px;width:100%}.TodoForm-button{border:none;border-radius:8px;color:#202329;cursor:pointer;display:inline-block;font-family:Montserrat;font-size:16px;font-weight:400;height:48px;width:120px}.TodoForm-button--add{background:#61dafa;border:1px solid #61dafa;box-shadow:0 5px 25px rgba(97,218,250,.5)}.TodoForm-button--cancel{background:transparent;border:1px solid #fff;color:#fff}.TodoForm-button--add:hover{border:1px solid #fff}.TodoForm-button--cancel:hover{border:1px solid #61dafa}.ModalBackground{align-items:center;background-color:rgba(32,35,41,.8);bottom:0;color:#fff;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}
/*# sourceMappingURL=main.f3e87c8d.css.map*/