@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap);.fitler_container{align-items:center;width:100%;margin:auto}.fitler_container,.input_container{display:flex;flex-direction:column;justify-content:center}.input_container{align-content:center}.filter{height:60px}.filter:focus{outline:none}.btn_container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;margin-bottom:10px;position:relative;height:48px;width:100%;background-color:#fff;white-space:nowrap;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2)}.btn_filter{padding:0 30px;border-bottom:2px solid #fff;background-color:#fff}.btn_filter:hover{border-bottom:2px solid #e9e9e9;background-color:#dfdfdf;cursor:pointer}.btn_filter.active,.btn_filter:active{border-bottom:2px solid #ff8686}@media screen and (max-width:450px){.btn_filter{padding:0 8px}}.input_container{position:relative}.input_container svg{position:absolute;right:0;fill:#242424}.input_container input{border-bottom:1px solid #e9e9e9}.task_panel{flex-direction:row;margin-top:20px;overflow-wrap:break-word}.task_add_form,.task_panel{display:flex;justify-content:center;width:100%}.task_add_form{flex-direction:column;align-content:center;margin:auto}.textarea_task{border-bottom:1px solid #ccc}.textarea_task:focus{border-bottom:1px solid #b3b3b3;outline:none}.add_btn{color:#242424;font-family:"Roboto",sans-serif;font-weight:700;margin-top:20px;background-color:hsla(0,0%,100%,0);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);padding:15px 30px;transition:.15s;text-transform:uppercase}.add_btn:hover{cursor:pointer;background-color:#e9e9e9}.add_btn:active{background-color:#aaa}.done{transition-duration:.9s;text-decoration:line-through;color:rgba(53,53,53,.534);font-family:"Roboto",sans-serif;font-weight:light}.date{font-size:10px;color:#575757}.item_task{margin-top:10px}.important,.item_task{font-family:"Roboto",sans-serif}.important{transition-duration:.3s;color:#3179a8;font-weight:700}.item_container{box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);width:100%;display:flex;flex-direction:column;align-content:center;justify-content:center;padding:15px;margin-bottom:5px}.btn_flag_container{display:flex;flex-direction:row;justify-content:flex-start;align-content:center;margin-top:5px}.delete_btn,.done_btn,.important_btn{margin:5px;border-radius:10px;color:#fff;cursor:pointer;padding:2px 8px}.important_btn{margin-left:0;background-color:#4197be}.delete_btn{background-color:#b44c4c}.done_btn{background-color:#49a155}.delete_btn:active,.done_btn:active,.important_btn:active{transition-duration:.2s;box-shadow:0 0 2px 2px rgba(0,0,0,.288)}.item_list{width:100%;word-wrap:break-word;max-height:calc(100vh - 370px);min-height:190px;overflow:auto}.item_list ul{padding:0;width:100%;min-height:100px;display:flex;flex-direction:column;color:#242424}.empty_title{color:#ccc;margin:auto}*{box-sizing:border-box}body{font-family:"Roboto",sans-serif;color:#242424}body,li{margin:0}li{list-style-type:none;padding:0}button,input{border:none;outline:none;font-family:"Roboto",sans-serif}.app{margin:50px auto auto;display:flex;flex-direction:column;width:420px;align-items:center;justify-content:center}@media screen and (max-width:450px){.app{width:290px}}
/*# sourceMappingURL=main.0cd63427.chunk.css.map */