.todo-item{align-items:center;display:flex;flex-direction:row;flex-grow:1;padding:4px 0}.control{color:grey;visibility:hidden}.todo-item-control:active .control,.todo-item-control:hover .control{visibility:visible}.todo-item:hover .control{visibility:hidden}.todo-item-control{padding-bottom:18px}.todo-item-control,.todo-item-info{align-items:center;display:flex;flex-direction:row}.todo-item-info{color:grey;gap:8px}.strike{color:grey;text-decoration:line-through}.normal{color:#000;text-decoration:none}.todo-item-divider{padding-top:16px}.date-picker-container{border-radius:8px;box-shadow:0 13px 30px rgba(0,0,0,.25);padding:0;width:325px}.date-picker-container,.todo-input{align-items:flex-start;display:flex;flex-direction:column}.todo-input{background:#fff;border:1px solid grey;border-radius:8px;box-sizing:border-box;gap:8px;justify-content:center;padding:16px;position:relative;z-index:10}.input{width:100%}.info{gap:12px;padding:6px 0}.action-button,.info{align-items:center;display:flex;flex-direction:row}.action-button{gap:8px;justify-content:center}.add-new{width:80px}.input-buttons{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.content{display:flex;flex-direction:column;gap:24px;padding:64px;transition:margin-left .2s;width:100%;z-index:900}.title{padding-left:70px}.todo-input-container{padding-left:64px}@media screen and (max-width:768px){.content{left:0;margin-top:79px;padding:16px;position:absolute;top:0;width:80%}}.loading{color:grey;height:100%;justify-content:center}.header,.loading{align-items:center;display:flex;position:absolute;width:100%}.header{background:#3d3d3d;flex-direction:row;height:65px;left:0;padding:0 16px;top:0;z-index:9999}.flex,.header{justify-content:space-between}.flex{display:flex;padding:8px}.deleteButton{color:#000;visibility:hidden;width:10px}.workspace{border:0 solid;border-radius:4px}.workspace:hover .deleteButton{visibility:visible}.workspace-bullet-point{padding-right:8px}.deleteButton{align-items:center;display:flex;height:32px;justify-content:center;margin:20px;padding:16px;width:32px}.sidebar{background:#fafafa;display:flex;flex-direction:column;gap:8px;height:100vh;left:0;position:absolute;top:0;width:300px;z-index:1000}.open{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.close,.open{transition:opacity .4s,width .4s,-webkit-transform .2s;transition:transform .2s,opacity .4s,width .4s;transition:transform .2s,opacity .4s,width .4s,-webkit-transform .2s}.close{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);width:0}.workspace-title{align-items:center;color:#494949;display:flex;justify-content:space-between;padding:32px 8px 8px 16px}.add-workspace-btn{height:32px;width:32px}@media screen and (max-width:768px){.sidebar{height:100vh;margin-bottom:20px;position:absolute;width:100vw}.open{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.workspace-title{padding:16px 8px}}#root{position:absolute;right:0;top:0}#root,.App{height:100%;overflow-x:hidden;width:100vw}.App,.app-with-drawer{display:flex;justify-content:center}.app-with-drawer{height:100%;margin-top:65px;overflow:hidden;width:100%}@media screen and (max-width:768px){.app-with-drawer{display:block;height:100vh;justify-content:center;margin-top:0;margin-top:65px;overflow:hidden;width:100vw}}
/*# sourceMappingURL=main.7e53cebe.css.map*/