*{box-sizing:border-box;font-family:Roboto,system-ui,Tahoma,sans-serif;list-style:none;margin:0;outline:none;padding:0}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}a,b,h1,h2,h3,h4,h5,p,span{color:#000}h1{font-size:48px}h2{font-size:28px;font-weight:600;line-height:30px}a{text-decoration:none}@mixin noselect{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}body{background-color:#fafafa}.todo{top:50%}.todo,.todo2{background-color:#fff;border:1px solid #ebebeb;border-radius:10px;box-shadow:0 9px 24px rgba(0,0,0,.01),0 25px 40px rgba(0,0,0,.05);height:600px;left:50%;overflow:hidden;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:530px}.todo2{-ms-overflow-style:none;overflow-y:scroll;top:73%}.todo__header{background-color:#db4c3f;padding:20px 30px}.todo__header h4{color:#fff;font-size:22px;font-weight:500}.todo__add-field{border-bottom:1px solid #f4f4f4;display:flex}.todo__add-field input{border:0;flex:1 1;font-size:18px;padding:20px}.todo__add-field input::-webkit-input-placeholder{color:#bfbfbf}.todo__add-field input::placeholder{color:#bfbfbf}.todo__add-field-button{align-items:center;background-color:initial;border:0;cursor:pointer;display:flex;height:65px;justify-content:center;width:65px}.todo__add-field-button svg{position:relative;right:-1px}.todo__add-field-button:hover{background-color:#fbfbfb}.todo__add-field-button:hover svg path{fill:#202020}.todo__list{overflow-y:scroll}.todo__list-item{border-bottom:1px solid #f4f4f4;display:flex;padding:20px}.todo__list-item--completed{text-decoration:line-through}.todo__list-item--completed .todo__list-item-check svg{display:block}.todo__list-item--completed .todo__list-item-check,.todo__list-item--completed .todo__list-item-check:hover{background-color:#db4c3f}.todo__list-item-check{align-items:center;border:2px solid #db4c3f;border-radius:30px;cursor:pointer;display:flex;height:24px;justify-content:center;margin-right:15px;width:24px}.todo__list-item-check svg{display:none}.todo__list-item-check:hover{background-color:#f8e0de}.todo__list-item-remove:hover{cursor:pointer}.todo__list-item-remove:hover svg path{fill:#202020}.todo__list-item p{flex:1 1;font-size:18px}
/*# sourceMappingURL=main.2af6f52b.css.map*/