@import"https://fonts.googleapis.com/css2?family=Neucha&display=swap";*{box-sizing:border-box;margin:0;padding:0;font-family:Neucha,cursive;font-size:62.5%}.app{width:100%;min-height:100vh;max-height:100%;display:flex;flex-direction:column;align-items:center;background-color:#493d9e;overflow-x:hidden}.heading{margin-top:30px;margin-bottom:15px;font-size:4rem;text-transform:uppercase;font-weight:700}.input{position:relative;width:90%;display:flex;justify-content:center;align-items:center}.input__box{width:100%;height:4rem;border-radius:.5rem;border:none;background-color:#dad2ff;outline:none;font-size:1.8rem;color:#000;font-weight:500;box-shadow:inset 2px 2px 5px #0003;padding-left:2rem;padding-right:5rem;transition:all linear .2s;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-ms-transition:all linear .2s;-o-transition:all linear .2s}.input__box::placeholder{color:#484747;text-align:center}.input__box:focus{box-shadow:#32325d40 0 30px 60px -12px inset,#0000004d 0 18px 36px -18px inset}.input__btn{position:absolute;right:0;margin:0px 1.5rem;width:3rem;aspect-ratio:1;border-radius:50%;border:none;background-color:#fff2af;font-size:1.8rem;font-weight:800;cursor:pointer;box-shadow:#00000059 0 5px 15px}.input__btn:active{scale:.8}.container{display:flex;width:90%;margin:4rem 0;justify-content:space-between;gap:20px;flex-wrap:wrap}.single-container{display:flex;align-items:center;justify-content:space-between;width:calc(50% - 10px);font-size:3rem;color:#fff;font-weight:700;background-color:#cdc1ff;box-shadow:#00000040 0 14px 28px,#00000038 0 10px 10px;padding:1rem 2rem;border-radius:.5rem;-webkit-border-radius:.5rem;-moz-border-radius:.5rem;-ms-border-radius:.5rem;-o-border-radius:.5rem;touch-action:none}.icons{display:flex;justify-content:space-evenly;max-width:25%;z-index:5}.icons>*{cursor:pointer;transition:all ease-in .2s;-webkit-transition:all ease-in .2s;-moz-transition:all ease-in .2s;-ms-transition:all ease-in .2s;-o-transition:all ease-in .2s;z-index:1}.icons>*:active{scale:.8}.draggable{width:100%;height:100%;cursor:pointer;font-size:100%}.single-container span{width:100%;height:100%;margin-right:10px;position:relative;display:flex;align-items:center;word-break:break-all;text-overflow:ellipsis;overflow:hidden}.completed{text-decoration:line-through red}.completed-icon{color:#493d9e}.editfield{position:absolute;width:100%;height:100%}.editfield__box{width:100%;height:100%;border:none;background-color:#cdc1ff;outline:none;font-size:1.8rem;color:#000;font-weight:500;transition:all linear .2s;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-ms-transition:all linear .2s;-o-transition:all linear .2s}.empty-parent{width:100%;height:50vh;display:flex;justify-content:center;align-items:center}.empty{background-color:#dad2ff;padding:4rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.empty__span{font-size:2.6rem;font-weight:700;text-align:center}.empty__para{font-size:1.8rem;text-align:center}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#d1e5ff}::-webkit-scrollbar-thumb{background:linear-gradient(#493d9e,#dad2ff,#fff2af,#dad2ff,#493d9e);border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}@media (max-width:720px){.single-container{width:100%}::-webkit-scrollbar{display:none}}@media (max-width:480px){::-webkit-scrollbar{display:none}}