.badge{border-radius:30px;display:inline-block;height:10px;width:10px}.badge--green{background-color:#42b883}.badge--blue{background-color:#64c4ed}.badge--pink{background-color:#fbc}.badge--yellow{background-color:#f2cc8f}.badge--grey{background-color:#ccc}.badge--orange{background-color:#f18805}.badge--chinese-red{background-color:#a73414}.badge--dark-blue{background-color:#5d6b9f}.todo__list{margin-bottom:30px}.todo__list__remove-list{margin-right:4px;opacity:0}.todo__list li{align-items:center;cursor:pointer;display:flex;margin-bottom:5px;padding:4px 2px 2px 4px}.todo__list li:hover .todo__list__remove-list{opacity:.2;transition:opacity .15s ease-in-out}.todo__list li:hover{background-color:#fff;border-radius:4px}.todo__list li span{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:160px}.todo__list li .badge{left:5px;position:relative}.todo__list li.active{background-color:#fff;border-radius:4px;box-shadow:0 3px 10px rgba(0,0,0,.04)}.todo__list li i{display:inline-flex;margin-right:10px}.todo__list li i svg{opacity:.6}.todo__list .list__add-button{cursor:pointer}.todo__list .list__add-button span{color:#827e7e}.todo__list .list__add-button:hover svg path{fill:#272728}.todo__list .list__add-button:hover span{color:#272728}.add-list__popup{background-color:#fff;border-radius:10px;box-shadow:0 6px 10px rgba(0,0,0,.5);height:150px;left:20px;padding:18px;position:relative;top:-23px;width:235px}.add-list__popup-close-btn{cursor:pointer;position:absolute;right:10px;top:6px}.add-list__popup-colors{display:flex;justify-content:space-between;margin-top:10px}.add-list .button{display:flex;margin:15px auto 0;width:70%}.add-list .badge{border:2px solid transparent;cursor:pointer;height:15px;width:15px}.add-list .badge.active{border:2px solid #535252}.tasks:not(:last-of-type){margin-bottom:40px}.tasks a{text-decoration:none}.tasks__title{border-bottom:1px solid #f2f2f2;color:#64c4ed;font-family:Montserrat,sans-serif;font-size:32px;font-weight:500;line-height:39px;padding-bottom:20px}.tasks__title:hover svg{opacity:.3}.tasks__form{cursor:pointer;margin-top:60px}.tasks__form-new{align-items:center;display:flex;margin-bottom:10px;opacity:.4}.tasks__form-new:hover{opacity:1;transition:opacity .15s ease-in-out}.tasks__form-new svg{margin-left:4px}.tasks__form-new span{color:#727178;font-size:16px;margin-left:20px}.tasks__form-block button{margin-right:10px;margin-top:15px}.tasks .edit{cursor:pointer;margin-left:15px;opacity:0}.tasks .edit,.tasks .edit:hover{transition:opacity .15s ease-in-out}.tasks .edit:hover{opacity:.8}.tasks__items{margin-top:30px}.tasks__items h2{color:#90929f;font-family:Montserrat,sans-serif;font-size:28px;font-weight:500;left:50%;position:absolute;text-align:center;top:50%}.tasks__items-row{align-items:center;display:flex;margin-bottom:10px}.tasks__items-row p{border:0;font-size:16px;margin-left:15px;width:100%}.tasks__items-row:hover .tasks__items-row-actions{opacity:.5;transition:opacity .15s ease-in-out}.tasks__items-row-actions{display:flex;opacity:0;transition:opacity .15s ease-in-out}.tasks__items-row-actions div{align-items:center;background-color:#f4f6f8;border-radius:6px;cursor:pointer;display:flex;height:25px;justify-content:center;margin-left:5px;width:25px}.tasks__items-row-actions div:hover{background-color:#ccc}.tasks__items-row-actions div:hover svg{opacity:1}.tasks__items-row-actions div svg{height:11px;opacity:.6;width:11px}.tasks .chekbox{cursor:pointer}.tasks .chekbox:hover label{background-color:#f2f2f2;border-color:#f2f2f2}.tasks .chekbox:hover label svg{opacity:1}.tasks .chekbox:hover label svg path{fill:#b2b2b2}.tasks .chekbox input{display:none}.tasks .chekbox label{align-items:center;border:2px solid #f2f2f2;border-radius:20px;display:flex;height:20px;justify-content:center;transition:background-color .15s ease-in-out;width:20px}.tasks .chekbox label svg{opacity:0;transition:opacity .15s ease-in-out}.tasks .chekbox input:checked+label{background-color:#4dd599;border-color:#4dd599}.tasks .chekbox input:checked+label svg{opacity:1;transition:opacity .15s ease-in-out}.tasks .chekbox input:checked+label svg path{fill:#fff}@media screen and (max-width:600px){.tasks__items h2{font-size:20px;left:30%;top:63%}}*{box-sizing:content-box;font-family:Roboto,-apple-system,system-ui,sans-serif;list-style:none;margin:0;outline:none;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.todo{border-radius:10px;box-shadow:2px 2px 4px 2px #f3f3f3;display:flex;font-size:14px;height:calc(100vh - 100px);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:calc(100vw - 50px)}.todo__sidebar{background-color:#f4f6f8;border-right:1px solid #f1f1f1;height:calc(100% - 120px);padding:60px 20px;width:200px}.todo__tasks{flex:1 1;overflow:auto;padding:60px}.field{background:#fff;border:1px solid #efefef;border-radius:4px;box-sizing:border-box;font-size:14px;margin-top:5px;padding:8px 12px;width:100%}.field:focus{border-color:#000}.button{background-color:#4dd599;border:0;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px}.button:hover{background-color:#2ec180}.button:active,.button:hover{transition:opacity .15s ease-in-out}.button:active{background-color:#249865}.button:disabled{background-color:#ccc}.button--grey{background-color:#f4f6f8;color:#444}.button--grey:hover{background-color:#f73f3f;color:#fff;transition:opacity .15s ease-in-out}.button--grey:active{background-color:#c80808;transition:opacity .15s ease-in-out}@media screen and (max-width:600px){.todo{height:100%;width:100%}.todo__sidebar{width:25px}.todo__tasks{padding:10px}}
/*# sourceMappingURL=main.4a8ed1b5.css.map*/