@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";:root{line-height:1.5;font-weight:400;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{font-family:Roboto}body{margin:0;display:flex;justify-content:space-between;min-width:320px;min-height:100vh}#root{display:flex;width:100%;justify-content:space-between;padding:2rem;text-align:center;font-family:Roboto}.container{display:grid;row-gap:1rem;padding:2.5rem;background-color:#fff;box-shadow:3px 1px 7px}.toggle-character{border-radius:4.5rem;padding:2.5rem;width:1.5rem;height:1.5rem;background-image:url(/toDoApp/assets/nika-silloute-_16VIXr7.png);background-repeat:no-repeat;background-size:cover;grid-row:5;align-self:end;justify-self:center;cursor:pointer}.form{background-color:#fff;margin-top:1rem;display:flex;align-items:center;border-radius:5px}#todo-input{flex:1;padding:.7rem;border:1px rgb(29,26,26);outline:none;background-color:#efefee}#todo-input:focus{background-color:#fff;box-sizing:border-box;box-shadow:inset 0 0 0 2px #242424;border-radius:.2rem}.btn{padding:.7rem;background-color:#cf463d;color:#fff;cursor:pointer;border:none}.lists{display:flex;flex-direction:column;margin-top:50px;height:400px;width:100%;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none;-webkit-mask:linear-gradient(180deg,transparent,white 1%,white 99%,transparent);mask:linear-gradient(180deg,trasparent,white 1%,white 99%,transparent)}.todo{display:flex;place-self:center;width:90%;justify-content:space-between;background-color:#efefee;padding:.9rem;margin-top:.5rem;border-radius:5px;cursor:pointer}.todo:hover{animation-duration:5s;animation-name:spin;animation-timing-function:ease-in-out;animation-iteration-count:infinite;background-color:#e3e3e3}.todo-txt{text-align:start;overflow-wrap:break-word;width:70%;max-width:45ch;color:#636363}.todo-icons{width:30%;display:flex;place-content:center;align-items:center;gap:6px}.remove{width:1.5rem;height:1.5rem;background-image:url(/toDoApp/assets/trashIcon-LA4RpJgW.png);background-repeat:no-repeat;background-size:cover}.fav{width:1.5rem;height:1.5rem;background-image:url(../../assets/img/fav.png);background-repeat:no-repeat;background-size:cover;margin-bottom:3px}@keyframes spin{0%{scale:1;transform:rotate(0)}25%{scale:1;transform:rotate(1deg)}50%{scale:1;transform:rotate(0)}75%{scale:1;transform:rotate(-1deg)}to{transform:rotate(0)}}img{width:100%;object-fit:cover}.audio-container{position:absolute;display:flex;flex-direction:column;width:3rem;height:12rem;padding:1rem;top:25px;right:366px}.audio{width:3.5rem;height:3.5rem;background-image:url(/toDoApp/assets/i-audio-on-CfrtshDI.png);background-repeat:no-repeat;background-size:cover;align-self:end;cursor:pointer}.volume{width:3.3rem;height:4.5rem;transition:opacity .3s ease-in-out;pointer-events:auto;transform:rotate(180deg);writing-mode:vertical-rl;top:80px;align-self:end;cursor:pointer}