@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}*{box-sizing:border-box}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none}body{background-color:#1a1a1a;font-family:Inter,sans-serif}body::-webkit-scrollbar{width:7px}body::-webkit-scrollbar-track{background-color:initial}body::-webkit-scrollbar-thumb{background-color:#5e60ce;border-radius:5px}body #app .wrapper-block{margin:-24px auto 0;max-width:600px;width:100%}header{align-items:center;background-color:#0d0d0d;display:flex;height:170px;justify-content:center}header .logo{width:120px}form{align-items:center;display:flex;height:45px;justify-content:space-between;width:100%}form .input-field,form .submit-btn{border-radius:5px;color:#f2f2f2;font-family:Inter,sans-serif;font-size:13px;font-weight:400;height:100%;outline:none;text-transform:none;transition-duration:.3s;transition-property:all;transition-timing-function:ease}form .input-field{background-color:#262626;border:1.5px solid #262626;text-indent:10px;width:500px}form .input-field::-webkit-input-placeholder{color:grey}form .input-field::placeholder{color:grey}form .input-field:focus,form .input-field:hover{border-color:#5e60ce}form .submit-btn{align-items:center;background-color:#1e6f9f;border:none;cursor:pointer;display:flex;font-size:12px;font-weight:600;justify-content:center;width:90px}form .submit-btn:focus,form .submit-btn:hover{background-color:#4ea8de}form .submit-btn .plus{margin-left:7px}.tasks-counter{margin:50px 0 15px}.tasks-counter,.tasks-counter .completed,.tasks-counter .created{align-items:center;display:flex;justify-content:space-between}.tasks-counter .completed .task-name,.tasks-counter .created .task-name{color:#4ea8de;font-size:12px;font-weight:700;margin-right:8px;text-transform:none}.tasks-counter .completed .circle,.tasks-counter .created .circle{align-items:center;background-color:#333;border-radius:10px;color:#d9d9d9;display:flex;font-size:11px;font-weight:600;justify-content:center;padding:4px 8px;text-transform:none}.tasks-counter .completed .task-name{color:#8284fa}.empty-container{border-top:1px solid #333}.empty-container .content-box{padding-top:50px;text-align:center}.empty-container .content-box .clipboard{width:50px}.empty-container .content-box .paragraph:nth-child(2){color:grey;font-size:13px;font-weight:700;margin:15px 0 7px;text-transform:none}.empty-container .content-box .paragraph:last-child{color:grey;font-size:13px;font-weight:500;text-transform:none}.todo-list{padding-bottom:60px}.todo-item{align-items:flex-start;background-color:#262626;border:1px solid #333;border-radius:7px;display:flex;justify-content:space-between;margin-bottom:12px;padding:15px}.todo-item:last-child{margin-bottom:0}.todo-item .flex-box{align-items:flex-start;display:flex;justify-content:flex-start}.todo-item .flex-box .checkbox-field{align-items:center;-webkit-appearance:none;appearance:none;background-color:initial;border:1.5px solid #4ea8de;border-radius:50%;cursor:pointer;display:flex;height:16px;justify-content:center;margin:0 15px 0 0;min-width:16px;outline:none;transition-duration:.3s;transition-property:all;transition-timing-function:ease}.todo-item .flex-box .checkbox-field:after{color:#d9d9d9;content:"\f00c";display:none;font-family:Font Awesome\ 6 Free;font-size:10px;font-weight:900;text-transform:none}.todo-item .flex-box .checkbox-field:checked:after{display:block}.todo-item .flex-box .checkbox-field:checked{background-color:#5e60ce;border-color:#5e60ce}.todo-item .flex-box .checkbox-field:hover{border-color:#1e6f9f}.todo-item .flex-box .checkbox-field:checked:hover{background-color:#8284fa;border-color:#8284fa}.todo-item .flex-box .todo-text{color:#f2f2f2;font-size:13px;font-weight:400;line-height:17px;text-transform:none}.todo-item .flex-box .completed{color:grey;text-decoration:line-through}.todo-item .trash-btn{background-color:initial;border-radius:3px;cursor:pointer;margin-left:20px;transition-duration:.3s;transition-property:all;transition-timing-function:ease}.todo-item .trash-btn:hover{background-color:#333}.todo-item .trash-btn i{color:grey;font-size:14px;font-weight:400;padding:4px 5px;text-transform:none}.todo-item .trash-btn i:hover{color:#e25858}
/*# sourceMappingURL=main.56cfd847.css.map*/