.main{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;min-height:550px}.page{position:absolute;width:100vw;height:100vh;background:#000;color:#fff;margin:0;padding:0;z-index:-1;min-height:550px;pointer-events:none}.todo-main{width:90%;max-width:600px;display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center}.todo-new-main{width:100%;display:flex;justify-content:center;align-items:center;gap:10px;padding:20px;box-sizing:border-box;border-radius:5px;box-shadow:0 6px 16px #00000040,0 0 0 1px #1a1a1a inset;flex-direction:column;position:relative;z-index:10}.new-todo-input{font-size:1.2rem;padding:5px;border-radius:5px;border:1px solid #1A1A1A;width:100%;box-sizing:border-box}.new-todo-button{padding:5px 12px;border-radius:5px;background-color:#1a1a1a;color:#f2f2f2;border:1px solid #1A1A1A;font-size:1.2rem;transition:all .3s ease}.new-todo-button:hover{cursor:pointer;scale:.95}.todo-new{gap:20px;display:flex;width:100%}.todo-search{width:100%}.bg-card{position:absolute;width:100%;height:100%;background-color:#f2f2f2;opacity:.9;z-index:-1;border-radius:5px}.todo-list-main{width:100%;display:flex;justify-content:center;align-items:center;gap:10px;padding:15px;box-sizing:border-box;border-radius:5px;box-shadow:0 6px 16px #00000040,0 0 0 1px #1a1a1a inset;flex-direction:column;position:relative;z-index:10;font-size:1.3rem}.todo-list{width:100%;max-height:400px;overflow-y:auto;box-sizing:border-box;gap:10px;padding:0 5px;position:relative;overflow-x:hidden}.todo{width:100%;font-size:1.35rem;border:1px solid #1A1A1A;box-sizing:border-box;padding:10px;border-radius:5px;box-shadow:0 3px 8px #00000059;gap:20px;display:flex;background-color:#f2f2f2;align-items:center;position:relative;margin:5px 0}.checkbox-input{appearance:none;width:30px;height:30px;border:1px solid #1A1A1A;border-radius:5px;background-color:#f2f2f2;cursor:pointer;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;margin:0;flex-shrink:0}.checkbox-input:checked{background-color:#1a1a1a;border-color:#1a1a1a;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")}.checkbox-input:active{filter:brightness(90%)}.checkbox-input:hover:not(:disabled){border-color:#1a1a1a}.checkbox-input:focus{border-color:#1a1a1a;outline:none;box-shadow:0 0 0 3px #1d1d1d40}.checkbox-input:disabled{filter:none;opacity:.5;cursor:not-allowed}.basket{width:30px;margin-left:auto;border-radius:5px;scale:1.2;transition:all .3s ease;flex-shrink:0}.basket:hover{cursor:pointer;background-color:red;fill:#fff;scale:1.15}.todos-move,.todos-enter-active,.todos-leave-active{transition:all .5s ease}.todos-enter-from,.todos-leave-to{opacity:0;scale:.8}.todos-leave-active{position:absolute}.empty-enter-active,.empty-leave-active{transition:all .5s ease}.empty-enter-from,.empty-leave-to{opacity:0;transform:translateY(-100%)}@media screen and not (min-height:500px){.main{overflow-y:auto}}@media screen and not (min-width:768px){.todo{font-size:clamp(1.2rem,5.5vw,1.5rem)}.checkbox-input,.basket{width:clamp(20px,7vw,30px);height:clamp(20px,7vw,30px)}}.stars-wrapper[data-v-1d124cac]{position:absolute;inset:0;overflow:hidden;pointer-events:none}canvas[data-v-1d124cac]{width:100%;height:100%;display:block}@font-face{font-family:CastomFont;src:url(/assets/WixMadeforDisplay-Regular-MqDWIn9s.woff2),format("woff2"),url(/assets/WixMadeforDisplay-Regular-FF_8qBZ-.ttf),format("truetype");font-display:swap}*{margin:0;padding:0;font-family:CastomFont}