*{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;list-style:none;margin:0;outline:none;padding:0}.todo__tasks::-webkit-scrollbar{background:#d3d3d3;width:10px}.todo__tasks::-webkit-scrollbar,.todo__tasks::-webkit-scrollbar-thumb:hover{border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top-left-radius:10px;border-top-right-radius:10px}.todo__tasks::-webkit-scrollbar-thumb:hover{background:#838383}.todo__tasks::-webkit-scrollbar-thumb:active{background:#686868}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0078d4}.todo{background-color:#fff;border:1px solid #f1f1f1;border-radius:10px;display:flex;font-size:14px;height:90%;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:90%}.todo__sidebar{background-color:#f4f6f8;border-radius:10px 0 0 10px;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;padding:8px 12px;width:100%}.field:focus{border-color:#dbdbdb}.button{background:#4dd599;border:0;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px}.button:hover{background:#34cf8b}.button:active{background:#2ec180}.button:disabled{background:#d8d8d8}.button--grey{background:#f4f6f8;color:#444}.button--grey:hover{background:#ebeef2}.button--grey:active{background:#e1e7ec}.list{margin-bottom:30px}.list__add-btn span{opacity:.5}.list__add-btn:hover path{stroke:#000}.list__add-btn:hover span{opacity:1}.list li{align-items:center;cursor:pointer;display:flex;padding:10px 12px}.list li span{flex:1 1}.list li.active{background:#fff;border-radius:4px;box-shadow:0 3px 10px rgba(0,0,0,.04)}.list li i{align-items:center;display:flex;margin-right:8px}.badge{border-radius:30px;display:inline-block;height:10px;width:10px}.badge--grey{background-color:#c9d1d3}.badge--lime{background-color:#b6e6bd}.badge--purple{background-color:#c355f5}.badge--black{background-color:#08001a}.badge--red{background-color:#ff6464}.badge--green{background-color:#42b883}.badge--blue{background-color:#64c4ed}.badge--pink{background-color:#fbc}.add-list__popup{background:#fff;border:1px solid #dbdbdb;border-radius:10px;box-shadow:0 6px 10px rgba(0,0,0,.05);box-sizing:border-box;height:148px;left:10px;padding:18px;position:relative;top:-25px;width:235px}.add-list__popup .button{margin-top:13px;width:100%}.add-list__popup-close-btn{cursor:pointer;position:absolute;right:-7px;top:-7px}.add-list__popup-colors{display:flex;justify-content:space-between;margin-top:13px}.add-list__popup-colors .badge{border:2px solid transparent;cursor:pointer;height:16px;width:16px}.add-list__popup-colors .badge.active{border:2px solid #525252}.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;font-size:32px;font-weight:700;line-height:39px;padding-bottom:20px}.tasks__title:hover img{opacity:.2}.tasks__title img{cursor:pointer;margin-left:15px;opacity:0}.tasks__title img:hover{opacity:.8}.tasks__form{margin-top:20px}.tasks__form-block .button{margin-right:10px;margin-top:15px}.tasks__form-new{align-items:center;cursor:pointer;display:flex;opacity:.4;transition:opacity .15s ease-in-out}.tasks__form-new:hover{opacity:.8}.tasks__form-new img{height:16px;margin-left:4px;width:16px}.tasks__form-new span{font-size:16px;margin-left:19px}.tasks__items{margin-top:30px}.tasks__items h2{color:#c9d1d3;font-family:Montserrat;font-size:22px;font-weight:700;left:50%;position:absolute;top:50%}.tasks__items-row{align-items:center;display:flex;margin-bottom:15px}.tasks__items-row:hover .tasks__items-row-actions{opacity:1}.tasks__items-row-actions{display:flex;opacity:0;transition:opacity .15s ease-in-out}.tasks__items-row-actions div{align-items:center;background-color:#fafbfc;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;margin-left:5px;width:32px}.tasks__items-row-actions div:hover{background-color:#eef1f4}.tasks__items-row-actions div:hover svg{opacity:.9}.tasks__items-row-actions div svg{height:11px;opacity:.4;width:11px}.tasks__items-row input,.tasks__items-row p{border:0;font-size:16px;margin-left:15px;width:100%}.tasks .checkbox input{display:none}.tasks .checkbox svg{transition:opacity .15s ease-in-out}.tasks .checkbox svg path{stroke:#f2f2f2}.tasks .checkbox input:checked+label{background-color:#4dd599;border-color:#4dd599}.tasks .checkbox input:checked+label svg{opacity:1}.tasks .checkbox input:checked+label svg path{stroke:#fff}.tasks .checkbox:hover label{background-color:#f2f2f2;border-color:#f2f2f2}.tasks .checkbox:hover label svg{opacity:1}.tasks .checkbox:hover label svg path{stroke:#b2b2b2}.tasks .checkbox label{align-items:center;border:2px solid #e8e8e8;border-radius:30px;cursor:pointer;display:flex;height:20px;justify-content:center;transition:background-color .15s ease-in-out,border-color .15s ease-in-out;width:20px}.tasks .checkbox label svg{opacity:0}
/*# sourceMappingURL=main.3581d6c0.css.map*/