@import url(https://fonts.googleapis.com/css2?family=Asap:wght@600&display=swap);.container{display:flex;flex-direction:row;height:100%;min-height:500px}.container .list-panel{flex:0 1 auto;display:flex;flex-direction:column;padding:5px;width:400px;min-width:250px;border-right:2px solid hsla(0,0%,100%,.4);overflow:auto}.container .item-panel{min-width:300px;width:60%;flex:3 1 auto;max-height:100vh;overflow:auto}.container .item-panel .fab-edit{height:50px;width:50px;bottom:15px;right:20px;position:fixed;z-index:1}.container .item-panel .button{width:35px}.container .item-panel .progress{position:fixed;top:64px;left:0;right:0;width:100vw;height:5px}.container .item-panel .add-item-field{display:flex;flex:1 1}.container .item-panel .add-item-field .input{padding:10px 5px 10px 10px;flex:1 1 auto}.item{display:flex}.item .icon{color:#fff}.item .button-field{display:flex;z-index:1000}.item .button-field .icon{font-size:28px;font-weight:700}.item .button-field .button-finished,.item .button-field .button-not-finished{position:absolute;top:0;left:5px;border-radius:20px}.item .button-field .button-not-finished{background-color:#d1d9ff;border:2px solid #fff;transition:box-shadow .3s;transition:background-color .2s ease-out}.item .button-field .button-finished{background-color:#3f51b5;border:2px solid #fff;transition:background-color .3s ease-out;transition:box-shadow .3s;box-shadow:0 2px 8px -1px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.13),0 1px 8px 0 rgba(0,0,0,.12)}.item .button-field:hover{opacity:.9}.item .paper{flex:1 1;display:flex;overflow:hidden;align-items:center;padding-top:3px;padding-left:5px;padding-right:5px}.item .paper .item-text-checked,.item .paper .item-text-unchecked{flex:1 1;padding:5px 5px 5px 10px;overflow:hidden;word-break:break-word;white-space:pre-wrap}@-moz-document url-prefix(){.item .paper .item-text-checked,.item .paper .item-text-unchecked{word-break:break-all}}.item .paper .item-text-checked{-webkit-user-select:none;-ms-user-select:none;user-select:none;opacity:.4;transition:opacity .4s ease-out}.item .paper .item-text-unchecked{opacity:1;transition:opacity .4s ease-out}.item .paper .end-button-field{position:absolute;right:20px;display:flex;height:22px;top:0;background-color:#fff;border-top-right-radius:10px;box-shadow:-2px 2px 8px -1px rgba(0,0,0,.2),-2px 3px 4px 0 rgba(0,0,0,.13),-2px 1px 8px 0 rgba(0,0,0,.12);border-bottom-left-radius:15px;border-top-left-radius:15px}.item .paper .end-button-field :hover{opacity:.9}.item .paper .end-button-field .delete-button-collapsed,.item .paper .end-button-field .delete-icon-collapsed,.item .paper .end-button-field .edit-icon-collapsed,.item .paper .end-button-field .modify-button-collapsed{color:#fff;width:0;transition:width .2s ease-out}.item .paper .end-button-field .delete-button,.item .paper .end-button-field .modify-button{color:#fff;width:40px;transition:width .2s ease-out}.item .paper .end-button-field .delete-button,.item .paper .end-button-field .delete-button-collapsed{background-color:#ef5350}.item .paper .end-button-field .modify-button,.item .paper .end-button-field .modify-button-collapsed{background-color:#5c6bc0;width:40px;border-bottom-left-radius:5px;border-top-left-radius:5px}.item .paper .end-button-field .modify-button-collapsed{width:0}.item .paper .end-button-field .delete-icon,.item .paper .end-button-field .edit-icon{color:#fff;font-size:20px;transition:width .2s ease-out;transition:padding-right .3s ease}.item .paper .end-button-field .delete-icon{padding-right:6px}.item .paper .expand-button-field{height:100%;position:absolute;height:22px;top:0;right:5px;border-radius:20px;box-shadow:-2px 2px 8px -1px rgba(0,0,0,.2),-2px 3px 4px 0 rgba(0,0,0,.13),-2px 1px 8px 0 rgba(0,0,0,.12)}.item .paper .expand-button-field .expand-button:hover{background-color:#fafafa}.item .paper .expand-button-field .expand-button{background-color:#fff;border-radius:20px;height:100%}.item .paper .expand-button-field .expand-button .expand-icon{color:#3f51b5}.main-page{height:100vh;display:flex;flex-direction:column;background:#5362b6}.main-page .top-bar{flex:0 1 50px}.main-page .app-body{position:relative;flex:1 1 auto;max-height:100vh;overflow:hidden}#root ::-webkit-scrollbar{width:5px}#root ::-webkit-scrollbar-track{border-radius:5px;background:#f1f1f1}#root ::-webkit-scrollbar-thumb{border-radius:5px;background:#3f51b5}#root ::-webkit-scrollbar-thumb:hover{background:#1e2699}body{margin:0;max-height:100%}
/*# sourceMappingURL=main.a4f81867.chunk.css.map */